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

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。。。

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

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　大写拉丁字母 

在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。

怎样用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

网页题目：cssul样式,样式表css
网址分享：http://chengdu.cdxwcx.cn/article/dsdhjsd.html