嗨,所以這可能看起來很基本,但是它讓我很難過。
我很確定我必須內嵌樣式。但是我不能讓段落標簽 1 樣式 1 不樣式出現在同一行上彼此相鄰,就好像它們出現在不同行上沒有空間一樣。
這是代碼
用?制成
想法是讓 1 行用(心形表情符號)自然著色為黑色,所以我需要將其設定為紅色,因為我沒有黑色的心。你?但是當我這樣做時,我不能讓他們保持在同一條線上!
表情符號不太適合以 .css 為目標。所以這似乎不是一個選擇。
.hearted {
color:red;
}
<p class="hearted">♥</p>
發送幫助!謝謝<3
uj5u.com熱心網友回復:
您是否考慮過使用該span元素?
span 元素是一個沒有特定語意含義的通用容器。它通常與樣式和類屬性一起用于樣式目的的 Web 創作。為孤立的文本跨度提供屬性(如語言或標題)也很有幫助。
- htmlquick.com
.hearted {
color: red;
}
<p>Made with<span class="hearted"> ♥</span></p>
uj5u.com熱心網友回復:
或許嘗試將心放在 Segoe UI Emoji家族中,而不是 Segoe UI Symbol
/*Using color based system on Segoe UI Symbol*/
p {
color: black;
}
.symbol {
color:red;
font-family: Segoe UI Symbol;
}
/*Using Segoe UI Emoji*/
.emoji {
font-family= Segoe UI Emoji, Segoe UI Symbol,
Symbola, Quivira;
}
<p class="hearted"><span class="symbol">💓</span> I am a colored heart symbol</p>
<br>
<p class="hearted"><span class="emoji">💓</span> I am an emoji!</p>
通常,在網頁中,Segoe UI Symbol 用于給出無色符號,但 Segoe UI Emoji將 emoji 呈現為其顏色
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/405472.html
標籤:
