修改之前的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实例解析,网站重构,网页代码,水晶图标,幻灯广告图片.教程适合初学者循序渐进学习!

html超链接块状,超链接伪类相关推荐

  1. html超链接样式顺序,超链接4个伪类 CSS定义超链接样式有什么顺序

    超链接的伪类有哪些?分别表示什么含义 a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:ho ...

  2. html链接伪类设置鼠标悬停,链接伪类可以控制超链接的样式吗?是怎样实现的?...

    定义超链接时,为了提高用户体验,经常需要为超链接指定不同的状态,使得超链接在点击前.点击后和鼠标悬停时的样式不同.在CSS中,通过链接伪类可以实现不同的链接状态,下面将对链接伪类控制超链接的样式进行详 ...

  3. css_复合选择器_border_css层叠性与覆盖性_background_多标记构图法_行高_文本修饰属性_超链接的伪类_导航制作_Unit_4;

    Topic 1 : 复合选择器: 后代选择器: 一个空格表示包含(嵌套)关系,不管空格前后是哪种基础选择器,只要有空格就是后代选择器 1         /*ul li{ background:gre ...

  4. 伪类选择器和伪元素选择器

    我们再讲选择器权重的时候提到了类选择器和伪类选择器权重是一样的那么今天我们就拿出来伪类选择器和伪元素选择器单独讲一下: 伪类选择器: 伪类选择器很简单的理解就是在某种特殊的状态下的样式,比如说&quo ...

  5. html中伪类定义,伪类

    本词条缺少概述图,补充相关内容使词条更完整,还能快速升级,赶紧来编辑吧! 伪类对元素进行分类是基于特征(characteristics)而不是它们的名字.属性或者内容:原则上特征是不可以从文档树上推断 ...

  6. html css链接伪类大全,什么是css链接伪类?

    什么是css链接伪类?下面本篇文章就来给大家介绍一下css链接伪类是什么?有哪些?有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 什么是css链接伪类? css链接伪类就是css内置 ...

  7. 伪类(:hover,:before,:after,:focus)

    一:伪类 伪类是可以添加到选择器上的关键字,用来选择元素的指定(悬停)状态. 1.:hover 超链接可以使用:hover伪类选择器定义它的悬停状态样式. 链接现在为黑色,当鼠标移到a时,会显示红色: ...

  8. 关于超链接的四个伪类的一个问题(顺序问题)

    在使用超链接的伪类的时候,要使用如下顺序,否则其中的某些效果将会没有效果 [注释:link和visited的顺序无所谓] a:link               设置a对象在未被访问前的样式表属性. ...

  9. CSS(五):背景、列表、超链接伪类、鼠标形状控制属性

    一.背景属性 1.背景属性用来设置页面元素的背景样式. 2.常见背景属性 属性 描述 background-color 用来设置页面的背景色,取值如red,#ff0000 background-ima ...

  10. css-阴影和超链接伪类

    阴影和超链接伪类 <!DOCTYPE html> <html lang="en"> <head><meta charset="U ...

最新文章

  1. jieba(结巴)常用方法
  2. MySQL笔记2: count() 函数和 sum() 函数用法和区别
  3. Java直接内存与非直接内存性能测试
  4. python 字符编码判断 chardet评测
  5. python+OpenCV图像处理(二)图像像素的访问、通道的合并与分离
  6. java Trie实现英文单词查找树 搜索自动提示
  7. 经验 | 深度学习中从基础综述、论文笔记到工程经验、训练技巧
  8. JavaScript正则表达式简明教程(二)
  9. 【Luogu1182】数列分段Section II(二分)
  10. 第三:启发式搜索:A* 算法
  11. Android开发的前景到底怎么样?
  12. sort()函数——C++
  13. IPv6套接字地址结构
  14. linux mysql外网连接不成功的可能原因
  15. Android 设置半透明颜色的效果
  16. RGB888颜色码与十六位(RGB565)颜色码的转换
  17. 常用参考文献GB/T 7714, MLA ,APA格式区别
  18. 网络安全求职该怎么写简历?
  19. 无法获得 VMCI 驱动程序的版本: 句柄无效解决
  20. 魔百和CM201-1 线机教程 救砖(大部分情况能用)

热门文章

  1. 铁塔形变预警监测装置
  2. quick cocos2dx 组件使用要领
  3. ams1117 lm317 对比_最受电子工程师欢迎的10款经典稳压电源器件,电路当中经常用到...
  4. matlab绝对均值,MATLAB中均值、方差、均方差的计算方法
  5. 【深度学习之Tensorflow2.0】函数matmul和函数multiply的用法
  6. MathType安装教程,手把手教您
  7. AVR单片机学习笔记
  8. java 插件开发教程_Eclipse插件开发的详细教程
  9. Matlab聚类分析相关函数
  10. ucgui添加自定义汉字库