dreamweaver中cs6项目列表符号样式设置
dreamweaver cs6中ul和li是有序和无序项目列表,它们也有自己的样式,在不同的情况下配合不同的符号样式会使设计出的网页更加的美观漂亮,在默认的情况下,项目列表前的符号是实心小圆点,这样很不美观,我们可以设置将其格式化或者换成其他样式,下面为大家提供了具体的代码和操作方法。
dreamweaver cs6设置ul/li项目列表符号代码:
LI代码的格式化:
A).运用CSS格式化列表符:
ul li{
list-style-type:none;
}
例如下面的:
供求信息
B).如果你想将列表符换成图像,则:
ul li{
list-style-type:none;
list-style-image: url(images/icon.gif);
}
例如下面的:
供求信息
C).为了左对齐,可以用如下代码:
ul{
list-style-type:none;
margin:0px;
}
例如下面的:
供求信息
D).如果想给列表加背景色,可以用如下代码:
ul{
list-style-type: none;
margin:0px;
}
ul li{
background:#CCC;
}
例如下面的:
供求信息
E).如果想给列表加MOUSEOVER背景变色效果,可以用如下代码:
ul{ list-style-type: none; margin:0px; }
ul li a{ display:block; width: 100%; background:#ccc; }
ul li a:hover{ background:#999; }
说明:display:block;这一行必须要加的,这样才能块状显示!
例如下面的':
供求信息
F)中的元素水平排列,关键FLOAT:LEFT:
ul{
list-style-type:none;
width:100%;
}
ul li{
width:80px;
float:left;
}
dreamweaver cs6设置ul/li项目列表符号步骤
首先我们打开Dreamweaver CS6软件。
然后新建一个html文档,添加项目列表代码,并保存到合适的位置。
-
网页设计10大灵感来源介绍
不仅仅只有网页设计能激发我们创建出色网站的动力,几乎我们身边的任何事都会有此作用。以下是本站小编搜索整理的关于网页设计10大灵感来源介绍,供参考借鉴,希望对大家有所帮助!想了解更多相关信息请持续关注我们应届毕业生考试网!自然图01图02思考设计的最佳场所...
-
SQL语句类型的标准模式
1、查询语句:主要是由select关键字完成2、事务控制语句:主要由commit、rollback和savepoint三个关键字完成3、DML(数据操作语言)语句:主要由、update和三个关键字完成4、DDL(数据定义语言)语句:主要由create、alter、drop和truncate四个关键字完成5、DCL(数据控制...
-
水星路由器设置wap
用户请根据自己的宽带接入方式,按照上面介绍的方法,安装你的水星(Mercury)MW153R路由器。以下是小编为大家整理分享的水星路由器设置wap,欢迎阅读参考。水星路由器设置wap本文介绍了水星(Mercury)MW153R无线路由器的安装、上网设置以及无线网络(Wi-Fi)的设置;一台...
-
JavaScript基本语法分析
一、JavaScript基本语法。(一)数据类型与变量类型。整数,小数,布局,字符串,日期时间,数组强制转换:parseInt()parseFloat()isNaN()(二)数组var数组名=newArray([长度]);//“假冒”数组th-长度a[下标]=值。a[下标](三)函数复制代码代码如下:function函数名(形参){}function...