list style type属性,border style
大家好,今天小编来为大家解答list style type属性这个问题,border style很多人还不知道,现在让我们一起来看看吧!
在DW中list-style-type: none 有什么作用
滑动门永远是新手的目标!而且单纯的DW是做不出这种效果的,必须要有javascript的!
html,body
UL
.ctt
.w936
/*TAB切换效果*/
.tb_
.tb_ ul
.tb_ li
/*用于控制显示与隐藏的css类*/
.normaltab
.hovertab
.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控制很麻烦的话,你可以用表格。如果你连滑动门的代码都看不懂的话你就不要做滑动门了!
css怎么去链接属性左边的黑点
对于很多人用div来做网站时,总会用到,但在显示效果时前面总是会有一个小黑点,这个令很多人头痛,但又找不到要源,其它我们可以用以下方法来清除。
1、在CSS中写入代码。找到相关性的CSS,在。.li和.ul下写入list-sytle:none;当然有的会这样来写list-style-type:none,这种写法特别是在一些CMS中最常见。
2、在相关的页面找到head部分写入下面的代码
<style type="text/css">
list-style:none;
</style>
3、在li,ul内加入list-style。如<ul style="list-style-type:none><li><a herf="">我的博客</a></li></ul>当然这种是很麻烦的了。
最简单的就是第一种了,通过CSS来控制,这个当然会有不错的效果了。
这几种方法都是通过设置list-style:none来设置的,有的是会用list-style-type,下面我们来看一看它的属性.
none不使用项目符号
disc实心圆,默认值
circle空心圆
square实心方块
decimal阿拉伯数字
lower-roman小写罗马数字
upper-roman大写罗马数字
lower-alpha小写英文字母
upper-alpha大写英文字母
这些都可以来代替上文中的none,想要什么样的都会有一个相应的对应。
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).LI中的元素水平排列,关键FLOAT:LEFT: ul{
list-style-type:none;
width:100%;
}
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
OK,关于list style type属性和border style的内容到此结束了,希望对大家有所帮助。