您現(xiàn)在的位置： 365建站網(wǎng) > 建站教程 > css教程 > CSS :first-line 偽元素

CSS :first-line 偽元素

此節(jié)有 281 人學(xué)習(xí)過參與評論

實(shí)例

向段落的第一個(gè)字符添加特殊樣式：

<html>
<head>
<style type="text/css">
p:first-line
  {
  color:#ff0000;
  font-variant:small-caps;
  }
</style>
</head>

<body>
<p>This is a text.</p>
</body>
</html>

親自試一試

（在頁面底部可以找到更多實(shí)例）

瀏覽器支持

所有主流瀏覽器都支持 :first-line 偽元素。

定義和用法

:first-line 偽元素向文本的首行添加特殊樣式。

這個(gè)偽元素用于設(shè)置元素中的第一行文本的樣式，而不論該行出現(xiàn)多少單詞。

:first-line 只能與塊級元素關(guān)聯(lián)?？梢詰?yīng)用到首字母的屬性是有限的。

注釋：下列屬性應(yīng)用于 :first-line 偽元素：

font 屬性
color 屬性
background 屬性
word-spacing
letter-spacing
text-decoration
vertical-align
text-transform
line-height
clear

偽元素可與 CSS 類結(jié)合：

p.article:first-line {color: #FF0000}

<p class="article">A paragraph in an article</p>

本例將把所有 class="article" 的段落的第一行字符設(shè)置為紅色。

TIY 實(shí)例

向首字母添加樣式
向首字母和首行添加樣式

CSS 參考手冊

如對本文有疑問，請?zhí)峤坏浇涣髡搲?，廣大熱心網(wǎng)友會為你解答??！點(diǎn)擊進(jìn)入論壇

您可能感興趣的文章:

發(fā)表評論 (281人查看，0條評論): 請自覺遵守互聯(lián)網(wǎng)相關(guān)的政策法規(guī)，嚴(yán)禁發(fā)布色情、暴力、反動(dòng)的言論。

昵稱：

最新評論

------分隔線----------------------------

上一篇：CSS :first-letter 偽元素
下一篇：CSS :before 偽元素

css教程目錄

五月综合缴情婷婷六月,色94色欧美sute亚洲线路二,日韩制服国产精品一区,色噜噜一区二区三区,香港三级午夜理伦三级三

CSS :first-line 偽元素

實(shí)例

瀏覽器支持

定義和用法

TIY 實(shí)例

您可能感興趣的文章:

公司信息

快速入口

其它欄目

業(yè)務(wù)咨詢