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

↓こんな感じ


・HTML

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

・CSS

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

@osakana1699もフォローしてね!

おすすめ記事


この記事が気に入ったら、サポートをしてみませんか?気軽にクリエイターを支援できます。

note.user.nickname || note.user.urlname

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

いいセンスしてますね~!
1

おさかな

学習メモ

「プログラミング」で学んだことのメモ書きになります。「コード」をたくさん載せていくので、ぜひ参考にしてみてください!
コメントを投稿するには、 ログイン または 会員登録 をする必要があります。