/*在文本前后加入空格*/ p { padding-left: 10px; padding-right: 10px; }
大家也可以使用字体样式来加粗、倾斜或下划线文本。
/*加粗文本*/ p { font-weight: bold; } /*倾斜文本*/ p { font-style: italic; } /*下划线文本*/ p { text-decoration: underline; }
另外,大家可以使用CSS的伪类选择器来为某些特殊文本添加样式,例如超链接文本的样式。
/*未访问的链接文本*/ a:link { color: blue; text-decoration: none; } /*已访问的链接文本*/ a:visited { color: purple; text-decoration: none; } /*鼠标悬停在链接上显示的文本*/ a:hover { color: red; text-decoration: underline; } /*被点击后的链接文本*/ a:active { color: green; text-decoration: none; }
除了以上方法外,大家还可以使用一些CSS3的新属性来加入文本,例如阴影、轮廓等。
/*文本阴影*/ p { text-shadow: 2px 2px 2px grey; } /*文本轮廓*/ p { text-stroke: 1px black; }
总之,使用CSS加入文本可以让网页更有吸引力,更加具有设计感。大家可以结合不同的样式属性来实现各种效果。