web-design-foundations https://blog.hatena.ne.jp/web-design-foundations/ Webデザインの基礎 | Webデザイナーへの道 https://web-design-foundations.hatenadiary.org/ CSS list-style-imageを使ってリストのマークを画像に変更する方法を紹介します。html <ul> <li><a href="#">日常</a></li> <li><a href="#">買い物</a></li> <li><a href="#">ダイエット</a></li> <li><a href="#">コスメ</a></li> </ul> css ul { list-style-image: url(./images/arrow.png); } li a { text-decoration: none; color: #000000; line-height: 2em; } ※ l… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fweb-design-foundations.hatenadiary.org%2Fentry%2F20150520%2F1432105897" title="list-style-imageを使ってリストのマークを画像に変更 - Webデザインの基礎 | Webデザイナーへの道" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/w/web-design-foundations/20150520/20150520160007.jpg Hatena Blog https://hatena.blog 2015-05-20 16:11:37 rich https://web-design-foundations.hatenadiary.org/entry/20150520/1432105897 1.0 100%