正文
cssul样式,样式表css
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
css样式怎样设置 标签中li内容居中左对齐？
居中:text-align:center;( 而默认就是左对齐的)，
再设置：text-align:left;
代码如下：
.box｛text-align:center；text-align:left｝
ul class=“box”
li内容1/li
li内容2/li
li内容3/li
/ul
相关问答
Q1: html css 样式 ul li
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
""
html xmlns="" lang="zh-CN"
head
title鼠标移动显示/title
meta http-equiv="Content-Type" content="text/html;charset=utf-8"/
meta name="description" content=""/
script type="text/javascript" src="js/jquery-1.8.0.js"/script
style type="text/css"
ul,li{
margin:0px;
padding:0px;
list-style: none;
}
ul{
height:31px;
border-bottom:1px solid #f46d52;
}
li{
width:100px;
height:30px;
border-radius:5px 5px 0px 0px;
border:1px solid #ccc;
border-bottom:none;
text-align: center;
line-height: 30px;
background-color:#EEEEEE;
float: left;
color:black;
font-weight: 800;
margin-left:5px;
}
li:hover{
height:31px;
background-color: white;
color:#FDE7D2;
border:1px solid #f46d52;
border-bottom:none;
cursor:pointer;
}
/style
/head
body
div class="nav"
ul
li导航1/li
li导航2/li
li导航3/li
/ul
/div
/body
/html
效果图：
这个只是简单的.hover事件，如果要点击得到效果那个需要写js。。。
Q2: 1、如何用CSS设置ul，使其在div中li靠左对齐？ul有默认的左边距。2、和设置ul的标签样式的大小
1、在ul样式中设置文本居左对齐。
ul {
padding:0;
margin:0;
text-align: left;
list-style-type: none;
}
2、标签大小不同，可以用自定义的背景图片代替标签样式。
ul li
{
background-image:url(sqpurple.gif);
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:14px;
}
扩展资料：
控制ul下具体的li:
1、ul li:first-child{ }
第一个li
2、ul li:last-child{ }
最后一个li
3、ul li:nth-child(4){ }
指定第几个,4就是代表第四个li
4、ul li:nth-child(2n+1){background:red;}
匹配第1、第3、第5、…个li
5、ul li:nth-child(odd){background:red;}
奇数的li
6、ul li:nth-child(even){background:red;}
偶数的li
Q3: css控制ul标签下li样式
在ul标签下li的默认样式为一个实心圆（disc） 可忽略不写
li样式的改变是用 list-style:属性值 来改变的
我们给li设置css，去除默认样式（实心圆）
将li的样式设置为空心圆
将li的样式设置为实心正方形
其他：
decimal : CSS1 阿拉伯数字
lower-roman : CSS1 小写罗马数字
upper-roman : CSS1 大写罗马数字
lower-alpha : CSS1 小写英文字母
upper-alpha : CSS1 大写英文字母
armenian : CSS2 传统的亚美尼亚数字
cjk-ideographic : CSS2 浅白的表意数字
georgian : CSS2 传统的乔治数字
lower-greek : CSS2 基本的希腊小写字母
hebrew : CSS2 传统的希伯莱数字
hiragana : CSS2 日文平假名字符
hiragana-iroha : CSS2 日文平假名序号
katakana : CSS2 日文片假名字符
katakana-iroha : CSS2 日文片假名序号
lower-latin : CSS2 小写拉丁字母
upper-latin : CSS2 大写拉丁字母
Q4: 在css中设置ul样式，怎样修改li的前面默认圆点的颜色？
li{list-style:none}把默认的给去掉，然后把着了色的圆点切成一张背景图片使用。
1.li自身圆点的颜色是修改不了的，你不想要那个圆点的话，可以通过以下几种方式来解决，.将圆点去掉，li{ list-style:none}，然后用color:#ff0000;设置字体的颜色，li./li这里的点就是红色的了。
2.你可以设置为自己喜欢的颜色，如果你要区分点和字的颜色，可以在li里面再嵌入一个标签，像这样：li style="color:#ff0000; font-size。
3.12px;"span style="color:#00ff00; font-size:20px;"./spanlist1/li这样点就是绿色的，字就是红色的了。
4.将圆点去掉，li{ list-style:none}；然后将那个点做成图片，然后嵌入li中。：li style="color:#ff0000; font-size:12pximg src="图片地址"list1/li。
Q5: 怎样用CSS设置UL标签的列表符号？
用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
