帐号: 密码:
// 设为首页 // 收藏本站 // 请您留言 // 网址导航
远方教程-满足你的求知欲!
站内搜索:
HTML ASP PHP CSS DIV Dreamweaver Photoshop Word Excel PPT SEO技巧
您当前位置:网站首页 >> HTML入门 >> Div+CSS从入门到精通 >> 阅读文章

Div+CSS速成第五天:超链接伪类

来源:远方教程 作者:远方教程 发布时间:2015-03-19 查看次数:7269 访问[新版]


  二、将链接转换为块级元素
  链接在默认状态下是内联元素,转换为块级元素后可以获得更大的点击区域,可以设置宽度和高度,将链接转换为块状,只需增加一个display:block的css属性即可。

 

DIV CSS教程——第5天_超链接伪类
DIV CSS教程——第5天_超链接伪类
DIV CSS教程——第5天_超链接伪类
DIV CSS教程——第5天_超链接伪类
DIV CSS教程——第5天_超链接伪类

a { display: block; height: 30px; width: 100px; line-height: 30px; text-align: center; background: #CCC; }
这样设置的结果是全局a都执行这个样式显示,下面设置一下鼠标划过时 的状态,其它几种状态设置方法相同

DIV CSS教程——第5天_超链接伪类
DIV CSS教程——第5天_超链接伪类
DIV CSS教程——第5天_超链接伪类
DIV CSS教程——第5天_超链接伪类

提示:可以先修改部分代码后再运行

打印 打印 | 关闭 关闭 评论
相关文章
图片新闻
站内搜索  
搜索
猜您喜欢  
最新更新  
阅读排行  
关于我们 | 联系方式 | 大事记 | 免责声明 | | 给我留言
部分广告源自金山联盟2345联盟 QQ咨询 站长之家QQ群:232617873
Copyright 2024 远方教程 © All Rights Reserved.

回顶部