CSS: Einführung in die Farb- und Größensteuerung mit List-Style-Type

Die Seite, die ich heute erstellt habe, hat ein kleines Symbol, das dem Listensymbol sehr ähnlich ist. Ich wollte es einfach durch den eigenen Stil von ul ersetzen und habe herausgefunden, dass es eine solche Methode gibt notieren Sie es zur späteren Verwendung.

Basierend auf persönlicher Erfahrung können Sie diese Methode verwenden, wenn die Farben gleich sind, aber wenn die Schriftfarbe und die Farbe des Listenelements unterschiedlich sind, müssen Sie ein Diagramm verwenden, um sie zu implementieren, und zur Li-Zeilenhöhe:Npx; Nur Listen und Schriftarten können im IE angezeigt werden

Liste Kann -style-type Farbe oder Größe ändern? Der Experte sagte: Nein! Also habe ich es unter Anleitung des Experten anhand von Bildern umgesetzt.

<ul class="artul">
    <li><a href="#">这里是SEO网站的文章列表标题目</a></li>
    <li><a href="#">这里是很长的SEO网站的文章列表标题目</a></li>
    <li><a href="#">这里是关于SEO网站的文章列表标题目</a></li>
    <li><a href="#">这里是一些最新的SEO网站的文章列表标题目</a></li>
    <li><a href="#">这里是近期SEO网站的文章列表标题目</a></li>
    <li><a href="#">这里是SEO常看的网站的文章列表标题目</a></li>
    <li><a href="#">这里是关于SEO网站的文章列表标题目</a></li>
    <li><a href="#">这里是一些最新的SEO网站的文章列表标题目</a></li>
    </ul>

.ul {margin:0;padding:0 0 0 15px;color:#ddd;font-size:12px;color:#FFFF00;list-style-type: square }
.ul li {border-bottom:1px dotted #999;}

.ul {margin:0;padding:0 0 0 15px;color:#ddd;font-size:15px;color:#FF00FF;list-style-type: square }
.ul li {border-bottom:1px dotted #999;}

Das obige ist der detaillierte Inhalt vonCSS: Einführung in die Farb- und Größensteuerung mit List-Style-Type. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!