アフィリエイト広告を利用しています

2017年12月20日

border-widthは線の長さではなく、線の太さ

width100.png

枠線のbottomだけを表示していて、長さ指定が必要になった。

border-widthで指定できるのかと思ったが、違った。

border-widthは線の横幅(長さ)ではなく、縦幅(太さ)だった。

しかたないので、こんなことをやってみた。


border-bottom: 1px solid #333333;
width:90%;


width90.png

枠線以外のものまで90%の長さになってしまうので、これはだめ。

結局、以下のようにして凌いだ。


border-bottom: 1px solid #333333;
width:64%;


width64.png



posted by db-engineer at 00:00 | Comment(0) | HTML、CSS

この記事へのコメント
コメントを書く

お名前:

メールアドレス:


ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

検索
最新記事
カテゴリーアーカイブ
プロフィール
db-engineerさんの画像
db-engineer
プロフィール
タグクラウド