下面是一个例子,定义了一个div元素的样式:
div {
width: 300px;
height: 200px;
background-color: #F0F0F0;
border: 1px solid #999999;
margin: 50px auto;
padding: 20px;
}
上面的代码中,选择器为div,表示选中HTML中所有的div元素。在大括号里面,定义了该元素的各种样式:
- width:设置div的宽度为300像素
- height:设置div的高度为200像素
- background-color:设置div的背景颜色为#F0F0F0
- border:设置div的边框为1像素的实线,颜色为#999999
- margin:设置div的外边距为50像素,自动调整左右外边距使其水平居中
- padding:设置div的内边距为20像素
使用CSS样式可以让大家更加精细地控制HTML元素的外观,让网页更加美观和易读。