dreamweaver怎么使项目列表的符号为图片

html-css014

dreamweaver怎么使项目列表的符号为图片,第1张

打开DW,做好列表项,选中要新建样式的标签上,

点击CSS面板上的“+”,新建样式规则。

选择“列表”,在“List-style-image”看选择要替换的图标,如下图。

选中图标,确定。

看效果,图标已经被替换,代码框。li { list-style-image: url(images/good.gif)}

两种方法:

一种是左浮动:{float:left}

Float常跟属性值left、right、none

Float:none 不使用浮动

Float:left 靠左浮动

Float:right 靠右浮动

float语法:

float : none | left |right

参数值:

none :  对象不浮动

left :  对象浮在左边

right :  对象浮在右边

<div class="divcss5">

<div class="divcss5_left">布局靠左浮动</div>

<div class="divcss5_right">布局靠右浮动</div>

<div class="clear"></div><!-- html注释:清除float产生浮动 -->

</div>

二种内联样式:{display:inline}。

例子:

<html>

<head>

<style type="text/css">

p {display: inline}

div {display: none}

</style>

</head>

<body>

<p>本例中的样式表把段落元素设置为内联元素。</p>

<p>而 div 元素不会显示出来!</p>

<div>div 元素的内容不会显示出来!</div>

</body>

</html>

list-styleCSS1IE4+ , NS4+有复合属性。设置列表项目相关内容list-style-imageCSS1IE4+ , NS6+有设置或检索作为对象的列表项标记的图像list-style-positionCSS1IE4+ , NS6+有设置或检索作为对象的列表项标记如何根据文本排列list-style-typeCSS1/CSS2IE4+ , NS4+有设置或检索对象的列表项所使用的预设标记marker-offsetCSS2NONE无设置或检索标记容器和主容器之间水平补白。即两个容器靠近的一边的间距