首页技术list style 属性(html list-style-image的作用)

list style 属性(html list-style-image的作用)

编程之家2026-07-041160次浏览

大家好,如果您还对list style 属性不太了解,没有关系,今天就由本站为大家分享list style 属性的知识,包括html list-style-image的作用的问题都会给大家分析到,还望可以解决大家的问题,下面我们就开始吧!

list style 属性(html list-style-image的作用)

在DW中list-style-type: none 有什么作用

滑动门永远是新手的目标!而且单纯的DW是做不出这种效果的,必须要有javascript的!

html,body

UL

.ctt

.w936

/*TAB切换效果*/

list style 属性(html list-style-image的作用)

.tb_

.tb_ ul

.tb_ li

/*用于控制显示与隐藏的css类*/

.normaltab

.hovertab

list style 属性(html list-style-image的作用)

.dis

.undis

-->

</style>

<script type="text/javascript" language="javascript">

//<!CDATA[

function g(o)

function HoverLi(n){

//如果有N个标签,就将i<=N;

for(var i=1;i<=3;i++)g('tbc_0'+n).className='dis';g('tb_'+n).className='hovertab';

}

//如果要做成点击后再转到请将<li>中的onmouseover改成onclick;

//]]>

</script>

</head>

<body>

<!--把下面代码加到<body>与</body>之间-->

<div class="w936">

<div id="tb_" class="tb_">

<ul>

<li id="tb_1" class="hovertab" onMouseOver="x:HoverLi(1);">

标题1</li>

<li id="tb_2" class="normaltab" onMouseOver="i:HoverLi(2);">

标题2</li>

<li id="tb_3" class="normaltab" onMouseOver="a:HoverLi(3);">

标题3</li>

</ul>

</div>

<div class="ctt">

<div class="dis" id="tbc_01">内容1</div>

<div class="undis" id="tbc_02">内容2</div>

<div class="undis" id="tbc_03">内容3</div>

</div>

</div>

</div>

如果你觉得内容123用div控制很麻烦的话,你可以用表格。如果你连滑动门的代码都看不懂的话你就不要做滑动门了!

list-style:none是什么意思

“list-style:none”的意思是设置列表项目样式为不使用项目符号。

list-style用于设置列表项目相关内容,list-style的取值如下:

1、disc:默认值,实心圆。

2、circle:空心圆。

3、square:实心方块。

4、decimal:阿拉伯数字。

5、lower-roman:小写罗马数字。

6、upper-roman:大写罗马数字。

7、lower-alpha:小写英文字母。

8、upper-alpha:大写英文字母。

9、none:不使用项目符号。

扩展资料:

list-style相关属性:

1、list-style-image

设置或检索作为对象的列表项标记的图像。

2、list-style-position

设置或检索作为对象的列表项标记如何根据文本排列。

3、list-style-type

设置或检索对象的列表项所使用的预设标记。

4、initial

将这个属性设置为默认值。

5、inherit

规定应该从父元素继承list-style属性的值。

参考资料来源:百度百科-list-style

css的属性有哪些

希望能帮到你属性名称

字体属性(Font)

font-family

font-style

font-variant

font-weight

font-size

颜色和背景属性

Color

Background-color

Background-image

Background-repeat

Background-attachment

Background-position

文本属性

Word-spacing

Letter-spacing

Text-decoration

Vertical-align

Text-transform

Text-align

Text-indent

Line-height

边距属性

Margin-top

Margin-right

Margin-bottom

Margin-left

填充距属性

Padding-top

Padding-right

Padding-bottom

Padding-left

边框属性

Border-top-width

Border-right-width

Border-bottom-width

Border-left-width

Border-width

Border-color

Border-style

Border-top

Border-right

Border-bottom

Border-left

Width

Height

Float

Clear

分级属性

Display

White-space

List-style-type

List-style-image

List-style-position

List-style

鼠标(Cursor)属性属性含义

使用什么字体

字体是否斜体

是否用小体大写

字体的粗细

字体的大小

定义前景色

定义背景色

定义背景图案

重复方式

设置滚动

初始位置

单词之间的间距

字母之间的间距

文字的装饰样式

垂直方向的位置

文本转换

对齐方式

首行的缩进方式

文本的行高

顶端边距

右侧边距

底端边距

左侧边距

顶端填充距

右侧填充距

底端填充距

左侧填充距

顶端边框宽度

右侧边框宽度

底端边框宽度

左侧边框宽度

一次定义宽度

设置边框颜色

设置边框样式

一次定义顶端

一次定义右侧

一次定义底端

一次定义左侧

定义宽度属性

定义高度属性

文字环绕

哪一边环绕

定义是否显示

怎样处理空白

加项目编号

加图案

第二行起始位置

一次定义列表

自动

定位“十”字

默认指针

手形

移动

箭头朝右方

箭头朝右上方

箭头朝左上方

箭头朝上方

箭头朝右下方

箭头朝左下方

箭头朝下方

箭头朝左方

文本“I”形

等待

帮助

属性值

所有的字体

Normal、italic、oblique

Normal、small-caps

Normal、bold、bolder、lithter等

Absolute-size、relative-size、length、percentage等

颜色

颜色

路径

Repeat-x、repeat-y、no-repeat

Scroll、Fixed

Percentage、length、top、left、

right、bottom等

Normal<length>

同上

None|underline|overline|line-

through|blink

Baseline|sub|super|top|text-top|middle|bottom|text-bottom|

Capitalize|uppercase|

lowercase|none

Left|right|center|justify

<length>|<percentage>

Normal|<number>|<length>|

<percentage>

Length|percentage|auto

同上

同上

同上

Length|percentage

同上

同上

同上

Thin|medium|thick|length

同上

同上

同上

同上

Color

None|dotted|dash|solid等

Border-top-width|color等

同上

同上

同上

Length|percentage|auto

Length|auto

Left|right|none

Left|right|none|both

Block、inline、list-item、none

Normal、pre、nowrap

Disc、circle、square等

<url>|none

Inside、outside

<keyword>|<position>|<url>

Auto

Crosshair

Default

Hand

Move

e-resize

Ne-resize

Nw-resize

n-resize

Se-resize

Sw-resize

s-resize

w-resize

Text

Wait

Help

好了,文章到此结束,希望可以帮助到大家。

js脚本编辑器 js辅助器下载css需要下载吗,css起源下载