11月の終わりがだんだん近づいていますが…

あと1ヶ月弱ぐらいで2024年が終わります！

1年のカレンダーを見ると、2024年のカウントダウンを数えてしまう習慣化になってしまいました…

年末に向けて大忙しのシーズンが始まりますね。

どっかのお店もクリスマスシーズンが始まっているところも見かけるようになりました。

しかも、今週の金曜日に「ブラックフライデー」に向けていろんな店舗の在庫処分セールが始まりますね。

年末にバタバタにならないように余裕のあるスケジュールを組み立ててくださいね。

話を取り戻して…

「UL」と「OL」のリストにアスタリスクを付けたい

他業者が作成したリストの中に、「アスタリスク（*）」をつけることが多くみられますね。

プロなら、CSSを使ってコーディングをしてほしいものです。

ここは参考として載せておきますね。

まずは、HTML！

<ul>
	<li>アスタリスクのリスト 01</li>
	<li>アスタリスクのリスト 02</li>
	<li>アスタリスクのリスト 03</li>
	<li>アスタリスクのリスト 04</li>
</ul>

ここまでは基本ですね。

次にCSS！
（好みに合わせてデザインをしてください。）

ul {
	margin:0 auto;
	padding: 0;
}

ul li:before {
	content: "*";
	display: block;
	left: 0;
	margin: auto;
	padding: 0;
	position: absolute;
	top: 0;
}

ul li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 15px;
	position: relative;
}

完成はこちら！

プロならしっかりしてほしいものですね！

ではまた！