見出し画像

【CSS】borderを使って、文頭に「たて線」を引く方法【学習メモ】

↓こんな感じ


・HTML

<body>
	<h1 class="line">hello</h1>
</body>

・CSS

.line {
   padding: .5em .75em;
   border-left: 5px solid #fbe0d3;
   }

@osakana1699もフォローしてね!

おすすめ記事


「この記事おもしろい!」「おさかなは海に帰れ!」 「泳げないおさかな…なんて…!」と、思ったそこのあなた!!!! ぜひ!サポートよろしくお願いします🙇 様々なジャンルの本を読むために活用させていただきます✨ 「え、読書する新種のおさかなだ!」と思ったあなたも!今すぐタッチ!