html中怎样设置box的颜色

html中怎样设置box的颜色,第1张

说到盒子颜色,除了背景色和边框我再不清楚你指的什么颜色了。我把这两个给你写出来

背景色的,假设盒子的class='box-color'

.box-color{

    background-color:#ccc

}

边框颜色的,

.box-color{

    border:2px solid #f00

}

当然,设定这些时,盒子的宽高得指定好

.box-color{

    width:200px

    height:200px

}

背景颜色的设置一般通过background来实现。html标签有三种方式内嵌,外联,行内。这里说一下行内的方式。举个例子:<div style="background: pinkwidth:100pxheight:100px"></div>这样您就会得到一个宽高都是100像素的粉色div元素。html元素默认是没有高度的,需要注意以下。单纯的背景色的话background也可以写作background-color。background是属性连写,也可以设置背景图,还可以做一些其他设置。颜色的值可以是固定的英文名称,比如pink,red。也可以是十六进制,比如#666666。也可以是RGB,也可以是rgba,后者比前者多了个透明度,很实用。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7131913.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存