気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
1本だけ線を引くCSS - スタイルシートTipsふぁくとりー
22 users
www.nishishi.com
www.nishishi.com
www.nishishi.com
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
《2017年6月23日 16:30 公開/更新》 1本だけ線を引くCSS [ボックス,線] 文章や話題の区切りを示す目的と... 《2017年6月23日 16:30 公開/更新》 1本だけ線を引くCSS [ボックス,線] 文章や話題の区切りを示す目的とか、何らかのデザインなどでウェブページ内に「1本だけ線を引きたい」と思うことがあります。細い1本の横線を。CSS(スタイルシート)を使えば、太さ1ピクセルの線を1本だけ横方向に引くのも簡単です。「ボックスの枠線を活用する」方法と「hr要素を装飾する」方法がありますので、その2通りを解説。 CSS(スタイルシート)を使って1本だけ線を引く方法 方法1. ボックスの枠線として「1本線」を引くCSSの書き方 点線や破線はもっと太くすると違いが分かりやすい 直近の文字と1本線との間隔(距離)を調節したい場合 二重線を引くこともできるが、その場合は太さを「3px」以上にしないといけない 方法2. 区切りを示す目的としてhr要素を使う書き方 hr要素で引く水平線を破線にするCSSの
www.nishishi.com
www.nishishi.com
www.nishishi.com
www.nishishi.com
zenn.dev/karaage0703
fromatom.hatenablog.com
zenn.dev/yusuke1225math2
qiita.com/Nicola_GenAI
www.nikkei.com
takagi-hiromitsu.jp
zenn.dev/ring_belle
yusuke1225math2.hatenablog.com
www.nihon-u.ac.jp
www.noahplanning.com
2012/07/28 リンク