怎么在div标签内设置css样式

242 阅读 0 评论 160 点赞

我是靠谱客的博主凶狠向日葵，这篇文章主要介绍怎么在div标签内设置css样式，现在分享给大家，希望可以做个参考。

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

在div标签内，可以使用style属性设置css样式。

style 属性规定元素的行内样式（inline style）

style 属性将覆盖任何全局的样式设定，例如在 <style> 标签或在外部样式表中规定的样式。

示例：

复制代码<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
	</head>

	<body>
		<h1 style="color:blue;text-align:center">标题</h1>
		<p style="color:red">测试文本</p>
		<div style="color:palevioletred">测试文本</div>
	</body>

</html>1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
	</head>

	<body>
		<h1 style="color:blue;text-align:center">标题</h1>
		<p style="color:red">测试文本</p>
		<div style="color:palevioletred">测试文本</div>
	</body>

</html>
登录后复制