RELATEED CONSULTING
相关咨询
Choose a way to contact us
service time:9:30-18:00
You may encounter the following questions
关闭右侧工具栏
Dreamweaver CSS网页布局ul和li范例_Dreamweaver教程_网页制作
  • 作者:美国服务器
  • 时间:2018-12-10 15:55
  • 来源:图林云


  •    Dreamweaver   
最新Dreamweaver教程,图林云提供
========================================
Dreamweaver教程,美国服务器
========================================

在CSS布局中,ul,li的运用是非常常见的。配合DIV与CSS,创建无表格布局。
========================================
Dreamweaver教程,美国服务器
========================================
其实Dreamweaver中也有自带的CSS布局的范例,如下图:
========================================
Dreamweaver教程,美国服务器
========================================

========================================
Dreamweaver教程,美国服务器
========================================
LI代码的格式化:
========================================
Dreamweaver教程,美国服务器
========================================
A).运用CSS格式化列表符:
========================================
Dreamweaver教程,美国服务器
========================================
ul li{
========================================
Dreamweaver教程,美国服务器
========================================
list-style-type:none;
========================================
Dreamweaver教程,美国服务器
========================================
}
========================================
Dreamweaver教程,美国服务器
========================================
例如下面的:
========================================
Dreamweaver教程,美国服务器
========================================
供求信息

B).如果你想将列表符换成图像,则:
========================================
Dreamweaver教程,美国服务器
========================================
ul li{
========================================
Dreamweaver教程,美国服务器
========================================
list-style-type:none;
========================================
Dreamweaver教程,美国服务器
========================================
list-style-image: url(images/icon.gif);
========================================
Dreamweaver教程,美国服务器
========================================
}
========================================
Dreamweaver教程,美国服务器
========================================
例如下面的:
========================================
Dreamweaver教程,美国服务器
========================================
供求信息

C).为了左对齐,可以用如下代码:
========================================
Dreamweaver教程,美国服务器
========================================
ul{