html中li标签的css样式问题

css控制第一个li标签的样式，和其他li的样式不同：给第一个li标签添加class或者id，然后编写css代码。html：给第一个li元素添加一个class类名为“menu1”。

在普洱等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供网站制作、成都网站建设 网站设计制作按需网站开发,公司网站建设,企业网站建设,品牌网站建设,全网营销推广,外贸网站制作,普洱网站建设费用合理。

首先，打开html编辑器，一个新建html文件，例如：index.html，填充问题基础代码。其次，在index.html中的style标签中，输入css样式代码：li{padding-top： 49px；}。

你设置的是UL下所有LI的背景色，所以全部LI都变成红色了。使用first-child 属性即可。

利用Dreamweaver新建一个html页面。在body里面输入代码 ul li你好/li li小鱼/li li小小/li /ul。默认的样式是这样的。编辑li标签的css样式。float：left代表的是元素左对齐。

没区别，因为ul都和li配套使用。ul li表示 匹配HTML中所有ul下的(后代)li。li表示 匹配HTML中所有的li标签。

}/style /headbodydiv class=navulli导航1/lili导航2/lili导航3/li/ul/div/body/html效果图：这个只是简单的.hover事件，如果要点击得到效果那个需要写js。。

用css如何定义最后一条li的的样式

把ul放在一个div里，设置div的宽度等于4倍单个li，设置li的float属性为left。这样就可以了。

首先CSS3新增的：not()伪类选择符，匹配不含有选择符的元素。其次鼠标经过当前li，当前li添加上边框颜色变为红色，第一个li的上边框始终为红色。最后使用lastchild的border为none去掉最后一个元素的右边框即可。

你说的不使用jquery的话，那么javascript能用的不？如果js都不能用的话，那么一般css是无法实现这个效果的。但是css3是可以的，不过只有支持css3的浏览器才支持。

在ul样式中设置文本居左对齐。ul { padding：0；margin：0；text-align： left；list-style-type： none；} 标签大小不同，可以用自定义的背景图片代替标签样式。

css控制ul标签下li样式

1、在ul样式中设置文本居左对齐。ul { padding：0；margin：0；text-align： left；list-style-type： none；} 标签大小不同，可以用自定义的背景图片代替标签样式。

2、css控制第一个li标签的样式，和其他li的样式不同：给第一个li标签添加class或者id，然后编写css代码。html：给第一个li元素添加一个class类名为“menu1”。

3、打开Dreamweaver软件，新建一个html页面，保存成为html。在body中进行书写，先写div如图，写三个div板块。用css对div进行控制，一种方式是直接使用内联样式，也就是直接在html中的style中进行书写div的css样式。

4、把ul包含的li定义为一个类，在css样式用类选择器设置li的float属性为向左浮动，即为float：left；最好将无序列表前面的点去掉。即ul的list-style-type：none；这样设计出来的比较美观。

5、你设置的是UL下所有LI的背景色，所以全部LI都变成红色了。使用first-child 属性即可。