CSS中display:block属性的作用
2010-02-23 14:46 追忆似水流年 阅读(1531) 评论(1) 编辑 收藏 举报
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做为一块来的超链接!