CSS li 最后一个栏目怎么去掉背景

 时间:2024-10-15 06:57:38

1、新建一个html文件,命名为test.html,用于讲解CSS li最后一个栏目怎么去掉背景。

CSS li 最后一个栏目怎么去掉背景

2、在test.html文件内,使用ul li创建一个栏目列表,例如,这里设置三个栏目来测试。

CSS li 最后一个栏目怎么去掉背景

3、在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。

CSS li 最后一个栏目怎么去掉背景

4、在css标签内,使用list-style属性设置ul不显示列表标记符号。

CSS li 最后一个栏目怎么去掉背景

5、在css标签内,设置li的样式,使用width设置li的宽度为100px,使用he坡纠课柩ight设置li的高度为30px,弋讥孜求使用background设置li的背景颜色为红色,使用text-align设置li中文字居中显示,使用border设置边框为1px灰色边框。

CSS li 最后一个栏目怎么去掉背景

6、在css标签内,通过“li:last-child”来设置最后一个li的背景颜色background为none,即去除背景颜色。

CSS li 最后一个栏目怎么去掉背景

7、在浏览器打开test.html文件,查看实现的效果。

CSS li 最后一个栏目怎么去掉背景
  • DreamweaverCS3如何创建链接到命名锚
  • WPS文档中怎么给插入的艺术字添加渐变颜色边框
  • 在WPS表格中怎么给艺术字添加渐变边框
  • 如何使用锚文本链接?
  • ppt2019文档怎么新建幻灯片
  • 热门搜索
    头发掉的厉害怎么办 肾结石怎么排出 饥荒怎么养牛 雷克萨斯怎么样 小迷糊面膜怎么样 侃侃怎么读 美菱冰箱怎么样 怎么去火 脾胃虚寒怎么调理 怎么贷款