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文档怎么新建幻灯片
  • 热门搜索
    脂肪肝如何消除 苹果手机如何下载铃声 微信发朋友圈不带图片怎么发 工作成效怎么写 口臭严重了是身体哪里出问题了 迅捷路由器怎么设置 半角字符怎么输入 如何保养卵巢 电脑启动慢怎么解决 关于旅游的句子