1、步骤如下：首先我用一个ul和两个li标签元素来再页面显示一下；接下来就开始让这两个li标签一左一右排列。
成都创新互联公司专注于富平企业网站建设,响应式网站建设,电子商务商城网站建设。富平网站建设公司,为富平等地区提供建站服务。全流程按需策划，专业设计，全程项目跟踪，成都创新互联公司专业和态度为您提供的服务
2、首先先打开我们的开发环境新建一个web项目。在html中引入css文件这里是html页面的代码div和ul。将所有标签的margin和padding初始为0然后将父级div的display设置为flexalign-items设置为center。
3、当设置它的属性值为column时，表示灵活的项目将垂直显示，正如一个列一样。justify-content 用于设置或检索弹性盒子元素在主轴(横轴)方向上的对齐方式，当设置其属性值为center时，表示项目位于容器的中心。
4、用浏览器f12看到的div和ul中的空白处是ul的padding-left的值，所以就直接设置“padding：0；”或者“padding-left：0；”就行了。
5、将li的height和line-height设置成为和设计稿一样的 将列表图标整体切出来，铺在ul上，不平铺 使用background-position控制ul背景和li中的文字对齐即可。。
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代表的是元素左对齐。
很多方法都是可以实现值控制一个li样式而不影响其他的，最简单的是给第一个li设置一个id或者设置一个单独的class，也可以使用最新的css3选择器。
css如何匹配第几个li元素并设置样式：如果有一个li元素列表，如果想设置指定位置li的样式。这个在以前可能需要稍微麻烦一些，比如在这个要设置的li元素上添加一个class或者id之类。
每个页植入对应的ACTIVE，比如，首页只植入在第一个LI，第二个页只植入第二个LI。。另外定义LI属性，使其HOVER的背影跟ACTIVE的背影色一样，这样子移动鼠标时对应的LI就显示背影色，点击后的背影色也不变。
li条目1/li li条目2/li li条目3/li ……/ul /div /div 需要注意：1）同列的这三个盒子，使用float浮动：如，float：left；这样就可以在一行排列顺次排列。
可以用float：left让li在一行排列就可以。
用纯CSS让3个或更多的DIV处于同一行方法：可以利用float属性实现多个div处于统一行。float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。
不能直接修改CSS样式改变颜色，但可以通过span/span的背景图像来实现；代码：效果：原理：通过设置li下span的背景图像来实现小红圆点的效果。
修改li标签里面的颜色，一般用 ul li {color：#004D93；} 来设定， 至于li没有padding-bottom：5 是应为你没打单位。
在HTML中没有相应的属性可以设置该效果，但在CSS中可以，相应的属性为list-style-type，要把圆点改成实心方块，只需要设置list-style-type的值为square。
