用CSS控制列表属性

html-css010

用CSS控制列表属性,第1张

我写下 你应该看得懂

控制文字大小

#plink a{

font-size: **px

}

控制 上下距离(默认你是竖行 排列的)

#plink li{

display:black;

padding:*px *px *px *px; 这4个 分别是 上 、右、下、左

或者 padding:*px *px; 这2个 分别是 上下 和 左右

}

* 是你设置的大小 比如 10px padding设置的是内补丁

或简单的 写成 padding-top:*px; 上面得内补丁为*。 或padding-button:*px;

对齐呢 有好几种 还有继承的因素

文本类对齐

水平对齐:

text-align : left | right | center | justify

left : 默认值。左对齐

right : 右对齐

center : 居中对齐

justify : 两端对齐

垂直对齐:

vertical-align : auto | baseline | sub | super | top | text-top | middle | bottom | text-bottom | length

auto : CSS1 根据 layout-flow 属性的值对齐对象内容

baseline : CSS1 默认值。将支持 valign 特性的对象的内容与基线对齐

sub : CSS1 垂直对齐文本的下标

super : CSS1 垂直对齐文本的上标

top : CSS1 将支持 valign 特性的对象的内容对象顶端对齐

text-top : CSS1 将支持 valign 特性的对象的文本与对象顶端对齐

middle : CSS1 将支持 valign 特性的对象的内容与对象中部对齐

bottom : CSS1 将支持 valign 特性的对象的内容与对象底端对齐

text-bottom : CSS1 将支持 valign 特性的对象的文本与对象顶端对齐

length : CSS2 由浮点数字和单位标识符组成的长度值 | 百分数。可为负数。

定义由基线算起的偏移量。基线对于数值来说为0,

对于百分数来说就是0%。请参阅 长度单位 。目前IE尚未实现此参数

还有一些属性

1、 链接有无下划线

text-decoration : none || underline || blink || overline || line-through

none : 默认值。无装饰

blink : 闪烁

underline : 下划线

line-through : 贯穿线

overline : 上划线

2、刚说的 display

其他 列举你参考css 手册 看下 字体的种类、颜色、粗体、大小;还有内外补丁的值 等等了

主要根据你的效果来设置了

要补充一点 主意浮动 如果你用了的话 很多问题其实都是浮动影响的

�0�2�0�2�0�2�0�2�0�2�0�2�0�2 select下拉列表框样式控制的关键就是在其外面嵌套一个div,并控制div边框格式以及其overflow属性,并请注意div和select各自的position属性,这个也很重要哈,大家可反复设置这几个属性的不同取值,做做实验,就明白其中道理了

用CSS设置UL标签的列表符号,这个我们是不需要去设置的,因为ul默认就是标签符号的,如果你是使用了这个list-style:none;去掉了这个属性,然后你又想有的话,你就给这个ul一个id或者是class,然后在css中list-style-type:disc !important这样就又有序号了,具体看代码:

<html>

<head>

<style>

#div1{

width:600px

height:40px

font-size:13px

list-style-type:disc !important

}

</head>

<body>

<div id='div1'>

<ul>

<li>测试1</li>

<li>测试2</li>

</ul>

</div>

</body>

</html>