1px欠けの角丸ボックスをCSSだけで作る方法｜web bibo
スタイルシートだけで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:
スタイルシート（CSS） » CSS小技 » 角丸テーブル | PHP & JavaScript Room
<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のborderで斜めに線を引く方法:rynote
なんと画像を使わずにCSSのborderだけで、上のような吹き出しボックスが実現できてしまうようです！ 技術的には、border同士の重なりで斜め線を生み出して実現しているようですね。 ▼具体的なコードは以下のようになります CSS&HTML blockquote { margin: 0 0 50px 0; padding: 0;} blockquote#one { width: 250px; background: #e3e3e3; padding: 25px; position: relative;} /* 吹き出しの部分 */ blockquote#one .arrow { width: 0; height: 0; line-height: 0; border-top: 40px solid #e3e3e3; borde
Class名とID名の命名規則 | Blog hamashun.com
Class名とID名の命名規則(1) Class名とID名の命名規則(2) Class名やID名を付ける時、それも2単語以上で構成される名前を付ける時には、どんな規則で付けていますか？ 今日は、Class名とID名の命名規則に関して書いてみようと思います。 色んなサイトを見ていると、大きく分けて3つのパターンがあるように思います。 そのまま系 id="maincontent"のように、全て小文字で記述するパターンです。 動作に問題は無いのですけど、可読性の点が若干気になるかもしれません。 ちなみにこのサイトはこのパターンを採用しています。 理由は後述します。 アンダースコア系 id="main_content"のように、単語と単語をアンダースコアで繋ぐパターンです。 可読性は向上しますけど、実はIE3、IE4、NN4.x（MAC）、NN6（初期Ver,）等のブラウザで認識されないバグがあり
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
