用CSS控制列表属性

来源：百度知道 编辑：UC知道 时间：2024/05/10 21:50:42
我不清楚怎么写CSS去控制以下列表
<div id="plink">
<ul>
<li><a href="#">To introduce</a>
<li><a href="#">News</a>
<li><a href="#">Message board</a>
<li><a href="#">Contact me</a></li></ul>
</div>
我想能任意控制列表中每个超链接的文字大小，上下距离，对齐（或呈现各种位置）等各种属性。请大家帮帮我，谢谢！

我写下 你应该看得懂

控制文字大小
#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 特性的对象