CSS3是一個(gè)非常強(qiáng)大的樣式語(yǔ)言,可以讓我們創(chuàng)建出各種不同的文本樣式。下面我們就來(lái)一起學(xué)習(xí)一些常用的CSS3文本樣式。
/* 文本顏色 */ color: red; /* 將文本顏色設(shè)置為紅色 */ color: #f00; /* 使用十六進(jìn)制代碼設(shè)置顏色 */ color: rgb(255,0,0); /* 使用RGB屬性設(shè)置顏色 */ /* 字體大小 */ font-size: 20px; /* 將字體大小設(shè)置為20像素 */ font-size: 1.5em; /* 使用em單位設(shè)置字體大小,1em等于父元素的字體大小 */ /* 字體樣式 */ font-style: italic; /* 將字體設(shè)置為斜體 */ font-weight: bold; /* 將字體設(shè)置為粗體 */ /* 文本對(duì)齊方式 */ text-align: center; /* 將文本水平居中 */ text-align: left; /* 將文本左對(duì)齊 */ text-align: right; /* 將文本右對(duì)齊 */ /* 文本裝飾 */ text-decoration: underline; /* 將文本添加下劃線 */ text-decoration: line-through; /* 將文本添加刪除線 */ /* 文本間距 */ letter-spacing: 5px; /* 將字母間距設(shè)置為5像素 */ word-spacing: 10px; /* 將單詞間距設(shè)置為10像素 */ /* 文本陰影 */ text-shadow: 2px 2px 2px #333; /* 將文本添加2像素的黑色陰影 */ /* 文本換行 */ word-wrap: break-word; /* 當(dāng)單詞過(guò)長(zhǎng)時(shí),自動(dòng)打斷到下一行 */ white-space: nowrap; /* 將文本強(qiáng)制在同一行,不自動(dòng)換行 */ /* 文本方向 */ direction: rtl; /* 設(shè)置文本從右向左顯示,適用于阿拉伯語(yǔ)等從右到左的語(yǔ)言 */
以上就是一些常用的CSS3文本樣式。通過(guò)這些屬性的組合使用,我們可以輕松地實(shí)現(xiàn)各種藝術(shù)品般的文本樣式,讓網(wǎng)頁(yè)更加美觀。
下一篇css 去掉選中邊框