本文通过一个实例展示了CSS样式的使用方法，包括字体大小、背景颜色、边框等基本属性设置，以及伪类选择器的运用。此外，还介绍了如何对不同元素应用特定样式。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS常用属性</title>
<style media="screen">
div {
font-size: 60px;
background-color: red;
color: blue;
width: 300px;
height: 100px;
border: 2px blue solid;
background-image: url("image.png");
opacity: 1;
text-align: center;
}
p {
color: yellow;
}
.p1 {
color: red;
}
.p2 {
color: purple;
}
ul {
list-style-type: none;
}
a {
text-decoration: none;
}
</style>
</head>
<body>
<div class="">
我是div
</div>
<p>
我是一段文本
</p>
<p class="p1">
我是一段文本
</p>
<p class="p2">
我是一段文本
</p>
<ul>
<li>HTML5</li>
<li>iOS</li>
<li>Andriod</li>
</ul>
<a href="http://www.baidu.com">百度</a>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
