デザイン

デザイン

• 2021.08.08
• css, width:100%, width:auto,

html width:100%とwidth:autoの違い

いつも使ってるかんたんなもの、なのに以外に雰囲気だけ掴んでいて詳細は知らない。。。自分の身の回りにありますよねそういうもの。そんな代表格と自分で決めて付けているものの一つがwidth: 100%,width: autoではないでしょうか？ 「あれ？なんかwidth: 100%指定してるのに横はみ出てるんですけど？」 解決できます。   結論 ・width: 100%・・・指定した要素のp […]

続きを読む

css/sass デザイン

• 2021.08.08
• css, sass, 横線,

文字の横に横線を入れる方法

今回はテキストの両脇に横線を表示する方法を紹介します。 ちょっとしたテキストやタイトルの装飾に便利だと思うので、ぜひ使ってみてください。 html <span>タイトル</span> sass span { display: block; margin-bottom: 10px; text-align: center; color: #fff; font-size: 14p […]

続きを読む