首页
/
每日頭條
/
圖文
/
css設置内容
css設置内容
更新时间:2025-07-03 15:41:46

css設置内容(css常用屬性之文本的設置)1

對這簡短的文本進行設置

利用id選擇器對文本進行不同的設置(還是利用CSS内部樣式進行設置)

<style type="text/css"></style>

css設置内容(css常用屬性之文本的設置)2

利用ID選擇器對文本進行簡單設置

1、

#bt{/*設置文本顔色,即字體顔色 顔色也是有3種選擇(rgb 16進制 顔色名)*/

color: rgb(108, 63, 211);}

對id='bt'的文本,示例中即對文本 春曉 進行顔色設置

css設置内容(css常用屬性之文本的設置)3

春曉 文本顔色的設置,其他沒有設置的默認黑色

2、

#wb1{/*文本的對齊方式 left(默認的是左對齊) right (右對齊) center(居中對齊) */

text-align: center;}

對id='wb1'的文本,示例中即對文本 春眠不覺曉 進行居中對齊,若是不設置這個對齊,文本都是默認左對齊的。

css設置内容(css常用屬性之文本的設置)4

春眠不覺曉 進行了居中對齊

3、#wb2{/*文本修飾 text-decoration 取不同的值有不同的效果*/

text-decoration: overline;/*上劃線*/

text-decoration: underline;/*下劃線*/

text-decoration: line-through;/*中劃線*/}

對id='wb2'的文本,示例中即對文本 處處聞啼鳥 進行不同的修飾

css設置内容(css常用屬性之文本的設置)5

上劃線

css設置内容(css常用屬性之文本的設置)6

下劃線

css設置内容(css常用屬性之文本的設置)7

中劃線

注意:以上 text-decoration 的三個屬性值如上例一樣的書寫,根據就近原則,文本最後呈現的也隻有中劃線的效果。要想3種效果同時出現,

則需要text-decoration: overline underline line-through; 書寫

3、

#wb3{/*同時設置上、中、下 三種下劃線 居中看效果*/

text-decoration: overline underline line-through;

text-align: center;}

對id='wb2'的文本,示例中即對文本夜來風雨聲 的三種效果同時呈現

css設置内容(css常用屬性之文本的設置)8

上、中、下 三種效果同時呈現

4、

對于元素a标簽的文本會自帶下劃線,若想去除自帶下劃線則需要text-decoration: none;

css設置内容(css常用屬性之文本的設置)9

a标簽自帶下劃線

a{/*去除文本修飾*/

text-decoration: none;}

對a标簽内的文本 花落知多少 進行去下劃線設置

css設置内容(css常用屬性之文本的設置)10

a标簽已去文本修飾設置

5、

#p1{/*首行縮進 可以自己設置縮進量 em 代表文字的高度*/

text-indent: 2em;}

對id='p1'的文本,示例中即對p文本中的内容進行首行縮進,2em代表縮進2個文字的距離

css設置内容(css常用屬性之文本的設置)11

文本進行首行縮進

,
Comments
Welcome to tft每日頭條 comments! Please keep conversations courteous and on-topic. To fosterproductive and respectful conversations, you may see comments from our Community Managers.
Sign up to post
Sort by
Show More Comments
推荐阅读
網店裝修都需要裝修什麼(網店裝修具體包含哪些内容)
網店裝修都需要裝修什麼(網店裝修具體包含哪些内容)
  在電商平台開店,好的店鋪裝修風格是可以一下子就吸引買家的,這樣不僅可以增加點擊率,還可以大大提高購買率,那網店裝修具體包含哪些内容?接下來我們就來給大家講解一下這方面的内容。      1、店鋪店标設計   店标是作為本身店鋪的标志,要能表現本身的個性、店鋪經營的内容和能夠給人以深刻的印象。店标顯示在您店鋪的左上角。店标也可以用本身的真實照片,這樣讓人感...
2025-07-03
十一月份打雷下雨是什麼預兆(冬天十一月打雷是什麼征兆)
十一月份打雷下雨是什麼預兆(冬天十一月打雷是什麼征兆)
  在人們看來夏天打雷是比較正常的一個現象,但冬天打雷卻似乎比較少見。今日清晨,湖南、浙江等地出現打冬雷現象,那冬天(十一月)打雷是什麼征兆?老話怎麼講呢?      冬天打雷其實并沒有什麼征兆,不僅今年冬天出現打雷,在2021年2月份的時候也出現冬天打雷的現象。冬天打雷的原因分析如下:   1.冬季打雷說明空氣濕度大,容易形成雨雪,故有“冬天打雷雷打雪”之...
2025-07-03
與生活相關的關于茶的故事(與茶有關的故事)
與生活相關的關于茶的故事(與茶有關的故事)
  茶,是人面對自然态度,也是面内心的态度。但歸根究底,喝茶隻是一種生活方式。與友對坐,除了欣喜何以為繼?寒夜獨處,除了孤獨以何為伴?塵世之間,除了匆忙何以安心?……隻說一句:來,喝茶吧,喝茶吧…   專門記錄茶的好電影很少,想來茶天生本就是一個好的配角吧,隻以靜默作陪。且讓我們遇見她,在這最美的時刻…   ① 尋訪千利休“您心裡,有沒有念念不忘的人”   ...
2025-07-03
沈陽夏至音樂節(FêtedeLa)
沈陽夏至音樂節(FêtedeLa)
  2016年6月21日,最令沈陽人期待的音樂派對---法國夏至音樂節如約而至!沈陽麗都索菲特酒店聯合駐沈陽法國領事館及法國文化中心,舉辦嗨爆沈陽城的Fête de La Musique夏至音樂節派對。      這場仲夏夜音樂派對,讓熱愛音樂的沈陽人,盡情體驗生活美妙絕倫!      法國駐沈陽總領事館總領事馬克拉米先生緻辭:法國夏至音樂節,音樂無國界,每...
2025-07-03
利用三星手機的bixby功能找手機(消息稱三星将向第三方開發者開放BixBy助手)
利用三星手機的bixby功能找手機(消息稱三星将向第三方開發者開放BixBy助手)
  IT之家11月2日消息 三星在今年8月發布了一款智能音箱Galaxy Home,内置了三星自家的Bixby助手。在這一市場上,亞馬遜已經以自家的Echo系列音箱,以及Alexa助手占據着主導,這不由得讓人擔心後發的三星前景如何。不過,華爾街日報的一個新消息似乎展示了Galaxy Home和Bixby的一條路徑。      消息稱,三星将在下周的三星開發者...
2025-07-03
Copyright 2023-2025 - www.tftnews.com All Rights Reserved