CSS样式 – 背景background

<!--背景:背景支持为元素添加背景颜色和背景图片,接下里介绍背景相关的属性。

background-color:背景颜色。

CSS代码 :

<style>

               #box{

                      width:200px;

                      height: 200px;

                      background-color:red;

              }

       </style>

在body里放置一个div ,给它设置宽高

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
这段代码主要是用来实现一个网页的顶部导航栏样式。下面是对每一行代码的详细注释: ``` .top-m li.on{ position:relative; border:1px #e6e6e6 solid; background:#fff; } ``` 这段代码定义了顶部导航栏中被选中的菜单项的样式,包括相对定位,边框为1像素的灰色实线,以及白色背景。 ``` .top-m ul.topDown{ position:absolute; border: 1px #e6e6e6 solid; border-top: 0; width: 100%; top: 27px; left:-1px; background:#fff; } ``` 这段代码定义了顶部导航栏中下拉菜单的样式,包括绝对定位,边框为1像素的灰色实线,顶部边框为0,宽度为100%,距离顶部27像素,左侧对齐,以及白色背景。 ``` .top-m ul.topDown li{ line-height:24px; } ``` 这段代码定义了下拉菜单中每个菜单项的行高为24像素。 ``` .top-m ul.topDown li a{ display: block; padding-left: 10px; color: #000; } ``` 这段代码定义了下拉菜单中每个菜单项的样式,包括块级元素显示,左侧内边距为10像素,字体颜色为黑色。 ``` .top-m ul.topDown li a:hover{ background: #f2f2f2; color: #000; } ``` 这段代码定义了下拉菜单中每个菜单项在鼠标悬停时的样式,包括背景颜色变为浅灰色,字体颜色为黑色。 ``` .top-m .top-car{ width:15px; height:14px; background:url(插图11/home_sprite.png) no-repeat -40px -86px; } ``` 这段代码定义了顶部导航栏中购物车图标的样式,包括宽度为15像素,高度为14像素,背景图片为“home_sprite.png”,位置为x轴偏移-40像素,y轴偏移-86像素。 ``` .top-m .top-tel{ width:11px; height:16px; background:url(插图11/home_sprite.png) no-repeat -40px -70px; } ``` 这段代码定义了顶部导航栏中电话图标的样式,包括宽度为11像素,高度为16像素,背景图片为“home_sprite.png”,位置为x轴偏移-40像素,y轴偏移-70像素。 ``` .nav-box{ height:36px; line-height:36px; background:#ff2832; color :#fff; } ``` 这段代码定义了顶部导航栏的容器样式,包括高度为36像素,行高为36像素,背景颜色为红色,字体颜色为白色。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值