html超链接块状,超链接伪类

修改之前的html如下，然后重新定义css样式：

a { display: block; height: 34px; width: 107px; line-height: 2; text-align: center; background: url(images/2010-08/14/014304_btn_bg.gif) no-repeat 0px 0px; color: #d84700; font-size: 14px; font-weight: bold; text-decoration: none; padding-top: 3px; }

a:hover { background: url(images/2010-08/14/014304_btn_bg_hover.gif) no-repeat 0px 0px;}

标准之路http://www.doczj.com/doc/e64dcff4ba0d4a7302763aa0.html 提示：可以先修改部分代码后再运行

本例中运用到了背景图片，有关背景图片的详细运用将在下一节中讲解，你也可以查看css 样式表手册，首先了解下或者学习如下视频教程http://www.doczj.com/doc/e64dcff4ba0d4a7302763aa0.html/div_css/895.shtml

四、首字下沉

首字下沉是css伪类上的又一个运用，它可以直接通过css样式表向某个选择器中的文本首字母添加特殊的样式，而不需要把首字添加一个标签或通过程序来实现，今天以制作word 里的首字下沉为例来讲解，应用如下伪元素：

:first-letter

在页面中添加如下一段内容，只用设置样式就可以实现首字下沉了：

标准之路[http://www.doczj.com/doc/e64dcff4ba0d4a7302763aa0.html]提供DIV+CSS教程,DIV+CSS视频教程,web2.0标准,DIV+CSS 布局入门教程,网页布局实例,css布局实例,div+css模板,div+css实例解析,网站重构，网页代码,水晶图标,幻灯广告图片.教程适合初学者循序渐进学习!