記事一覧
detailsでカンタン!ハンバーガーメニュー
ハンバーガーメニュー。
それは、多くのWebサイトで当たり前のように使われているUIでありながら、未だ専用のHTMLが用意されていない難しい存在。
初期はJavaScriptを使用して出し入れをしていましたが、その後checkboxを使って出し入れをするというトリッキーな技が発明され、ある程度広まりました。
しかし、checkboxの本来の用途とは異なる使い方ですし、CSSが外れるとcheckb
CSSだけで作る角丸ラインマーカー (改行対応)
CSSだけで複数行(改行)対応のラインマーカーを引くことができます。
角丸になっているのがポイントです!
<p>「これをお持ちなさい。生憎あいにくマツチを切らしましたから。」<br>お持ちなさいと云ふのは煙草に添へる一番小型のマツチである。<br>「貰ふのは気の毒だ。ぢや朝日あさひを一つくれ給へ。」<br>「何、かまひません。お持ちなさい。」<br>「いや、まあ朝日をくれ給へ。」</p>
HT