我正在擺弄樣式符號，并想嘗試通過為字母之間的每個點賦予實際 FRIENDS 徽標的顏色來設計此標題。我想知道什么是最好的方法來做到這一點。HTML 中的符號顏色可以更改嗎？如果是，p使用不同 ID 制作標簽是設置點樣式的唯一方法嗎？這是標題：<header> F•R•I•E•N•D•S </header>注意：我只想使用 HTML 和 CSS 來完成此操作，而不是 Javascript 或 JQuery
3 回答
揚帆大魚
TA貢獻1799條經驗 獲得超9個贊
您可以使用span具有class屬性并符合類的 CSS 規則的標簽（可以重用）
.red {
color: red;
}
.blue {
color: blue;
}
.green {
color: green;
}
.yellow {
color: yellow;
}
.orange {
color: orange;
}
.brown {
color: brown;
}
<header> F<span class="red">•</span>R<span class="blue">•</span>I<span class="green">•</span>E<span class="yellow">•</span>N<span class="orange">•</span>D<span class="brown">•</span>S </header>
慕沐林林
TA貢獻2016條經驗 獲得超9個贊
只需將每個后續或所需的符號放入 span 標記中，并使用類或內聯樣式屬性對其進行著色，如代碼中最后兩個后者所示。
.red{
color: red;
}
.blue{
color: blue;
}
.green{
color: green;
}
.brown{
color: brown;
}
.orange{
color: orange;
}
<header> <span class="red">F</span>•<span class="green">R</span>•<span class="brown">I</span>•<span class="blue">E</span>•<span style="color:yellow">D</span>•<span style="color:gray">S</span> </header>
qq_花開花謝_0
TA貢獻1835條經驗 獲得超7個贊
我建議您用標簽包圍每個符號<span>，并使用“id”單獨定位它。
它看起來像這樣： <header> F<span id="red">•</span>R<span id="blue">•</span>I&<span id="green">#8226;</span>E<span id="yellow">•</span>N<span id="orange">•</span>D<span id="brown">•</span>S </header>
您不想使用<p>標簽來設置符號的樣式，因為它們會在每個字母之間創建新行。
- 3 回答
- 0 關注
- 197 瀏覽
添加回答
舉報
0/150
提交
取消