您现在的地位: 365体育备用网址 > bet365体育在线, > css教程 > CSS :first-line 伪元素

CSS :first-line 伪元素_365体育备用网址官网资讯

您现在的地位: 365体育备用网址 > bet365体育在线, > css教程 > CSS :first-line 伪元素

CSS :first-line 伪元素

此节有 177 人学习过     参与评论

实例

向段落的第一个字符添加特别样式:

<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>

亲自试一试

(在页面底部能够找到手机老虎机 真人游戏平台实例)

扫瞄器撑腰

一切主流扫瞄器都撑腰 :first-line 伪元素。

定义和用法

:first-line 伪元素向文本的首行添加特别样式。

这个伪元素用于设置元素中的第一行文本的样式,而不论该行出现多少单词。

:first-line 只能与块级元素关联。能够应用到首字母的属性是有限的。

注释:下列属性应用于 :first-line 伪元素:

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

伪元素可与 CSS 类结合:

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

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

本例将把一切 class="article" 的段落的第一行字符设置为红色。

如对本文有疑问,请提交到交流瑞发娱乐城,广大热心网友会为你解答!! 点击进入瑞发娱乐城


公布评论 (177人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换奥门永利娱乐场
最新评论
------分隔线----------------------------
css教程目录
条评论
Sitemap