多语言展示
当前在线:716今日阅读:60今日分享:41

如何使用CSS :first-letter 选择器

CSS :first-letter 这也一个很有用的代码,通过这样的一个代码,我们可以精彩的选择元素当中第一个字母进行样式上的改变,从而让整个元素的外观发生变化。
工具/原料

dreamweaver

方法/步骤
1

代码实例:在这个代码当中,我们对于元素的字体与颜色进行了变化。p:first-letter{ font-size:200%; color:#8A2BE2; }

2

CSS :first-letter 选择器得到了所有的浏览器的支持,从而有着较强的浏览器的适应性。

3

CSS :first-letter 选择器的用法。这个代码可以定义字体、颜色、外框、对齐方式等多种不同的样式效果。

5

CSS :first-line 选择器,我们通过这样的一个代码可以定义元素的首行。p:first-line{ background-color:yellow; }

6

CSS :first-child 选择器,这个代码定义了一个父元素的子元素的样式的变化。p:first-child{ background-color:yellow; }

推荐信息