利用css控制html中的列表格式

利用css控制html中的列表格式

在html中,可以使用ol/ul/dl显示各种列表信息。其中ol是有序列表,也就是每个列表项前标有数字,表示顺序;ul是无序列表,默认情况每个列表项前有黑圆点;而dl则是定义列表,主要用于术语解释。三种列表的具体用法,网络上已经有很多的教程,这里不打算详细说明。

一般情况下,无序列表ul的使用比较多,有个时候,不想在列表项前显示那个黑点,或者想显示成其他的标志,如空心圆点、空心方块等,这可以通过设置ul的属性type来设定。

<ul type="disc">
 
<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());
}

注:这个好像只有IE才有效果,FireFox中还是有边框虚线出现。