CSS中display:block属性的作用
2016-07-09 13:32
453 查看
display:block可以理解为块，举个简单的例子！比如你做一个超链接，
<li><a href="#">超链接</a></li>
当你鼠标移过到文字的时候，超链接有效果！
而当我把样式这样设置：
li a{width:100px;height:100px; display:block; color:red; text-decoration:none;}
鼠标移到文字周围100*100的地方，就有超链接效果了，就是把100*100做为一块来的超链接！
<li><a href="#">超链接</a></li>
当你鼠标移过到文字的时候，超链接有效果！
而当我把样式这样设置：
li a{width:100px;height:100px; display:block; color:red; text-decoration:none;}
鼠标移到文字周围100*100的地方，就有超链接效果了，就是把100*100做为一块来的超链接！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- js获取css属性值
- CSS属性display:inline-block使用揭秘
- CSS为div添加尖角样式
- DIV+CSS:如何编写代码才能更有效率
- css文件加载不出来，竟然是因为文件名多加了空格
- 纯CSS无表达式实现图片等比缩放（转载）
- 响应式布局一
- CSS 元素垂直居中
- pc站常用css默认样式（仅供参考）
- QListWidget与QTableWidget的使用以及样式设置
- 使用CSS样式对表格进行美化并对伪类的使用进行解析
- CSS初了解
- css多行文本溢出显示省略号
- css两种块状定长元素居中方法的不同点
- addrules 创建css
- CSS3 background-clip 属性和 box-sizing 属性
- css3 动画 js动态创建
- knockout 学习实例4 css
- CSS3知识
- CSS3 box-orient box-direction box-align box-flex box-pack