TIL

Today I Leaned. 知ったこと、学んだことを書いていく

テクニック

回り込みをさせない - CSS

横並びにして、回り込みをさせないようにしたい!! 結論 overflow: auto;を使う!! イメージこんな感じ アイコンの下の部分にはテキストが回りこないようにしたい まずは失敗例から 失敗例 See the Pen 回り込みをさせない(悪い例) by tamago (@tamago324)…

パンくずリスト(ナビゲーション)を作る

パンくずリストを作るにはリストを使う HTMLでの記述でのポイント olを使う CSSでの記述でのポイント インラインボックスにする:横並びになる 各要素の後ろに”»”をつける:階層になる 最後の要素だけ"»"はつけない "»"は好きなものに変えられる .breadcrumb…

リンクにカーソルが重なったときだけ下線を引く

text-decorationプロパティを使う a { text-decoration: none; } a:hover { text-decoration: underline; } カーソルが重なったときだけ、下線を引くようにしている! 色を変えるとかもするといいのかもね! See the Pen MVJLGW by tamago (@tamago324) on C…