利用css控制html中的列表格式
在html中,可以使用ol/ul/dl显示各种列表信息。其中ol是有序列表,也就是每个列表项前标有数字,表示顺序;ul是无序列表,默认情况每个列表项前有黑圆点;而dl则是定义列表,主要用于术语解释。三种列表的具体用法,网络上已经有很多的教程,这里不打算详细说明。
一般情况下,无序列表ul的使用比较多,有个时候,不想在列表项前显示那个黑点,或者想显示成其他的标志,如空心圆点、空心方块等,这可以通过设置ul的属性type来设定。
<ul type="disc">
<li>列表项1</li>
<li>列表项2</li>
</ul>
<li>列表项1</li>
<li>列表项2</li>
</ul>
其中:
- type=disc 黑圆点,默认风格
- type=circle 空心圆点
- type=square 空心方块
- type=none 不显示任何标志
如何去掉超链接激活时的边框线
记录下网页设计的一个小窍门,第一种方法是在大学时玩网页设计的时候就知道了的,后面的css代码则是刚Google到的。
一般情况下,点击一个超链接,会在这个链接上出现一个虚线的边框虚线,实际上通过响应onfocus事件去掉该边框,比如
<a href="http://www.ningoo.net" onfocus=this.blur()>NinGoo</a>
当然,要是这样去修改网站中所有的链接来实现该效果,肯定是不现实的。通过在CSS的链接属性里加一条语句,可以做到批量修改:
a {
blr:expression(this.onFocus=this.blur());
}
blr:expression(this.onFocus=this.blur());
}
注:这个好像只有IE才有效果,FireFox中还是有边框虚线出现。