今日もガクリ('A`)
きっと明日もまたガクリ?('A`)
CSS の border と hr 要素の見た目を同じに

hr 要素が未だに廃止予定にないので、たまに記事の中で使ってますが、align, noshade, size, width 属性が廃止予定なのと CSS の border 関係のプロパティと見た目が余りに違うので、統一して使用してます。この記事では、その見た目を同じにする CSS の小技を一つ…

  1. hr
  2. {
  3.   padding: 0em;
  4.   border-top: 1px solid #dcdcdc;
  5.   border-left: none;
  6.   border-bottom: none;
  7.   border-right: none;
  8.   color: #212121;
  9.   background-color: #212121;
  10. }

斜体部分の色指定はお好みで…因みにこんなのでもいいです

  1. hr
  2. {
  3.   padding: 0em;
  4.   border: none;
  5.   border-top: 1px solid #dcdcdc;
  6.   color: #212121;
  7.   background-color: #212121;
  8. }

参照

CSS, HTMLcomments (0)trackbacks (0) – pingbacks(0) – (6,368)
feel free of the comment please.

trackback URL of this article
QRcode of this article
qrcode:article
more information of this article

post date

2008年07月04日(金) 00:00:14

update

2008年07月03日(木) 21:22:03

tags

, , ,

contents
most viewed (847132)
categories
archives
recent posts
recent updates
recent comments
  • Watch Jav HD Online Free : Need for Speed SHIFT 2 UNLEASHED: Car Skin: BMW Z4 GT3 Racing HATSUNE MIKU Packs : 2013年04月11日(木)
  • 사이트상위노출 : Euro Truck Simulator 2 – VOCALOID TRAILER : 2015年05月17日(日)
  • ايفون 7 : Pear のセットアップとパッケージのインストール : 2007年12月23日(日)
  • dream : Need for Speed SHIFT 2 UNLEASHED: Car Skin: BMW Z4 GT3 Racing HATSUNE MIKU Packs : 2013年04月11日(木)
  • Pendaftaran Beasiswa Online : Firefox 3 : アドオン keyconfig によるショートカットキー割り当て : 2008年06月24日(火)
recent trackbacks
912T ASUSTeK blog CSS DARK SOULS Darksouls3 DARK SOULS 3 DARK SOULS III DarksoulsIII DISM Euro Truck Simulator 2 Everquest II firefox foobar2000 foo_custominfo game Install internet KB2990941 KB3087873 mod panels ui PCゲーム Pear PHP PX-Q3PE Raid skin SoftBank software SpeedFan Steam TPS trailer truck TvRock TVTest Windows Windows 7 Win Toolkit WordPress インストール ダークソウルズ 初音ミク 窓辺ななみ
mobile
qrcode:home
profile
曇り札幌市中央区 ‘ 曇り
気温: 10℃ ‘ 湿度: 66%
recommends
Valid XHTML 1.0 Transitional Valid CSS X.X
RSS 2.0 RSS 0.92
RDF/RSS ATOM
get Firefox 2 get Opera
ie