css3怎么改首字母颜色

百变鹏仔 3个月前 (09-20) #CSS

文章标签怎么改

在css3中，可用“:first-letter”选择器和color属性来修改首字母颜色，语法“元素:first-letter{color:颜色值;}”；“:first-letter”可选中元素的首字母，color可给选中的字母设置文本颜色。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css3修改首字母颜色

实现思想：

使用“:first-letter”选择器选中元素的首字母
立即学习“前端免费学习笔记（深入）”；
使用color属性给选中的字母修改文本颜色。
Color属性可以指定文本的颜色。

实现代码：

<!DOCTYPE html><html><head>	<meta charset="utf-8">	<style type="text/css">		.first {			width: 200px;			height: 100px;			border: 1px solid red;		}		.first p::first-letter {			color: red;		}	</style></head><body>	<div class="first">		<p>aksadjklahkljasklf</p>	</div></body>

扩展知识：

:first-letter选择器可以使用以下属性：

font
color
background
margin
padding
border
text-decoration
vertical-align (only if float is 'none')
text-transform
line-height
float
clear

（学习视频分享：css视频教程、web前端）

文章推荐

css3怎么改首字母颜色

css如何让导航栏变透明

css 怎么去除a标签的手形

css里怎样设置字体大小和字体颜色

css如何固定导航栏

css边框变圆角边框怎么写