CSSの最近のブログ記事

CSSで細いアンダーラインをひく方法

Posted by Hum 2008年2月21日 16:14

hrよりも細いラインを引きたいことがあります。hrだとIEでは細いアンダーラインがひけるのに、Firefoxでは細くならないということもあります。さらにborder 1pxより細いラインが引きたいというときはこれでOK!

他にもやり方あれば教えてください。

.thinline {
border-color:#CCCCCC;
border-style:solid;
border-width:0pt 0pt 1px;
height:0pt;
}

Posted by Hum 2008年1月10日 02:41

スタイルシートを設定する際の覚書です。一般的には外部ファイルにした方がSEO的にもロジックとの分離という点でも良いといわれていますが、期間限定ページなどでは特に外部ファイル化はするほどではないという場合もあります。いつも設定方法忘れちゃうので覚書。

1）外部ファイルによるスタイル設定

<link rel="stylesheet" href="styles.css" type="text/css" />

2）head要素内のstyle要素で指定

<head>
  <style type="text/css">
    p  {color: #f60;}
    h2 {color: blue; font-size: 120%;}
  </style>
  ...

3）インラインstyle属性

<p style="font-weight: bold">太字です。</p>

posted with amazlet on 08.01.10

益子貴寛
秀和システム (2005/07)
売り上げランキング: 9505

おすすめ度の平均:

Web標準を「学びたい」人のために

2冊目に買う本

「web標準」を知る上で必読の書