html中li标签的css样式问题

html-css022

html中li标签的css样式问题,第1张

li标签的css样式名称是current

其中要说明的就是楼上说的有点小问题,li是dw的默认标签所以不需要调用class,直接设置完css之后li即可生效。不过它控制的是所有的li.如果要控制单个要分开定义css样式,然后再用class或id调用.

使用HTML和CSS制作下拉菜单的方法如下:

1、编写带有div导航的html代码:

2、使用class=“nav”属性的‘div’标签作为菜单的容器。在截图中,在图示的HTML代码中,一个简单的无序列表(ul)来表示主菜单项。

3、在主菜单区域中添加链接。在本步骤中,在无序列表(ul)每一项上添加链接。

4、在“关于我们(About Us)”下方LI标签内添加一个无序列表,它代表其子菜单的链接。

5、制作导航css:

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,一个新建html文件,例如:index.html,填充问题基础代码。

2、其次,在index.html中的<style>标签中,输入css样式代码:li{padding-top: 49px}。

3、浏览器运行index.html页面,此时通过css将li标签的行距调整为了49px。