Mendekati pertengahan tahun 2020 ini, berbagai jenis HP telah rilis di pasaran. Tahun ini adalah tahun yang besar bagi HP berkamera bagus, punya layar fleksibel dan sudah bisa koneksi 5G. Samsung membuktikan hal ini dengan…
スタイルシートだけで1px欠けの角丸を作る方法です。この角丸を使用することでシャープすぎるボックスを少し柔らかい印象にすることができます。 HTML 下記の通りHTMLを記述します。 <div class="outer"> <div class="inner">1px rounded corners</div> </div> ボックスにボーダーを付けない場合 .outer { margin: 0px 1px; padding: 1px 0px; background: #0cc; } .inner { margin: 0px -1px; background: #0cc; } ボックスにボーダーを付ける場合 .outer { margin: 0px 1px; background: #E4F2FF; border-top: 1px solid #B1C6D9; border-bottom:
社内が激しく暑いです、toyama です。ビルが日当たりのいい場所にあるためか、熱を吸収する素材でできているのか、PC の熱のせいか、お昼過ぎになると冷房を入れたくなる温度になります。夏暑く、冬暑いです。顔がテカテカ! Fireworks で角丸矩形を作って無造作に拡大したりすると、角丸のアールが崩れて間延びしてしまいます。角丸は便利で使い勝手のいい図形ですが、下手に扱うと間抜けな感じになってしまいます。 対処法としては、 あらかじめ狙った大きさにぴったり矩形を作る→角丸に変更 ダイレクト選択ツールで一辺のアンカーのみ選択→角丸を維持したまま変形 シンボルに登録して、9スライスの拡大・縮小ガイドを有効にする 等が上げられますが、崩れた角丸を直すコマンドを公開されていたのでご紹介します。 まず、きんくまデザインさんの公開コードをコピーして、指定のファイル名で保存します。 崩れてしまった角丸矩
何かしらのサイトを組んでいる時って誰でも一度は思うんだろうけど、 「IEなんて・・・(自重」、「IEさえ・・・(自重」、「ちょ、IEおま・・・(自重」 とか、思うっすよね。 ボクも勿論その中の一人で、特にIE6に関しては常に思ったりしています。 IEのために今までどれだけの時間を費やしたか・・・と思えるほどに。 そんなIEさんですが、今日は逆にIEが有るから助かってるかもって思えるお話です。 ぇーまぁそんな訳で、明日からIEが一切なくなったとして。 「3番目のグローバルナビだけちょっと指定変えてもらえる?」 と、言われて、 『class追加するのやだなぁ』 ってのが、 「リンク先変わらないんだから属性セレクタ使えばいけるっしょ」 って言われてしまったり。 「そこの最初のh3だけmargin-topは0で、他のh3は30pxでお願い」 と、言われて、 『最初のh3だけclass追加しないとい
<style type='text/css'> div.km img { border:none; } div.km table { margin:0; padding:0; border:0; border-collapse:collapse; } div.km table th, div.km table td { margin:0; padding:0; border:0; } /* 左上角 */ div.km td.top_left { background:url("./img/css/km_top_left.gif") no-repeat; } /* 右上角 */ div.km td.top_right { background:url("./img/css/km_top_right.gif") no-repeat; } /* 左下角 */ d
CSSを使って吹き出しを作成することができるCSSファイルとJSファイル、それから画像ファイルをひとまとめにしたセットです。XHTML1.0準拠で、Internet Explorer 6 と 7、Firefox 2.0、Safari 2.0、Opera 9.0で動作確認ができています。 ダウンロードは以下から。 willmayo.com >> CSS Speech Bubbles 実際のサンプルは以下にあります。 CSS Speech Bubbles 角をまるくしているのは、「curvyCorners」を使用しているとのこと。 ほかにもこの吹き出し方のものは以下に多くあります。 入力欄(フォーム)部分をマウスでクリックすると吹き出しが出てくるタイプ Tooltip for forms リンクの上にマウスを乗せると吹き出しが表示されるタイプ Ajax tooltip リンクの上にマウスを乗せ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く