CSS - Retinaディスプレイは0.5pxを表示できるか - Qiita

2015/08/14 42 users Qiita SOLID border psd div

もらったPSDのborderに1.5pxが指定されていることがあり、 もしかしたらRetinaディスプレイなら表示できるんじゃないかと思い試してみました。 0.5px、1px、1.5pxのborderを作ってみる div { width: 10px; height: 10px; border: #F00 solid; } #point-five { border-width: 0.5px; } #... 続きを読む

ボーダーで三角形などを作るときには transparent ではなく rgba() で | Unformed Building

2012/10/03 66 users borde div height width RGBa

よく CSS のボーダーを使った三角形の作り方が紹介されていますが、あれに使われている透明なボーダーのことで少し。 たとえば、こういう HTML と CSS で三角形を作るとしましょう。よく見るタイプだと思います。 <div class="test1"></div> .test1 { width: 0; height: 0; border-width: 0 200px 200px 0; borde... 続きを読む

ちょっと使えるかもしれないCSS(1) - 見出しを飾る | オトコのキモチ２

2006/09/23 496 users きもち CSS オトコ 見出し padding

ちょっと使えるかもしれないCSS(1) - 見出しを飾る Design ちょっとHTML(2) - h4，h5 で紹介した見出しをCSSで装飾する例をいくつか。 見出し h4 はてなでよく見かけるタイプ。 h4 { width:12em; border:solid #CCCCCC; border-width:0 0 1px 12px; padding:0.4em 0.4em; } 見出し h4 付... 続きを読む