增加背景

来源:互联网 发布:迅雷优化版 编辑:程序博客网 时间:2024/05/16 01:47

背景可以增强标题的整洁效果。增加一点补白和背景颜色,我们就有了一个不需要图片的,但又很有样子的标题。如下:

h1 {
font-family: Arial, sans-serif;
font-size: 24px;
color: #fff;
padding: 4px;
background-color: #696;
}

我们把文字改成白色,周围加上4个点的补白,再把背景改成绿色。就象图2-4显示的那样,这可以建立一个好看的绿色条来横贯页面,分隔段落。

图2-4: 带有背景色和补白的标题

图2-4: 带有背景色和补白的标题

 
原创粉丝点击