CSS如何怎么设置div边框颜色宽度和高度

CSS如何怎么设置div边框颜色宽度和高度,第1张

CSS设置div边框颜色宽度和高度步骤如下:

1、新建一个html文件,创建一个类名为wrap的div。

2、先通过css类选择器选择到div来控制div的宽度和高度和背景颜色(没有边框时方便看出来div的大小)。

3、通过div 的border属性控制边框颜色,设置border的宽度为2px,线型为实线,颜色为蓝色。

4、这样就可以设置div边框颜色宽度和高度,如下图:

扩展资料:

css border属性:

border 简写属性在一个声明设置所有的边框属性。

可以按顺序设置如下属性:

border-width,border-style,border-color

如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000也是允许的。

要给盒子设置下边框15像素,双实线黄色的边框,可以使用HTML的style属性进行设置,具体方法如下:

<style>.box { border-bottom: 15px solid yellow border-bottom-style: double

}</style>

或者也可以直接在HTML元素的style属性中进行设置,如:

<div style="border-bottom: 15px solid yellowborder-bottom-style: double">这是一个盒子</div>

在这种情况下,border-bottom属性用于设置下边框的宽度和颜色,border-bottom-style属性用于设置下边框的样式,double值表示双实线。

注意:这里的颜色值可以是颜色名称(如yellow),也可以是十六进制颜色值(如#FFFF00)或RGB颜色值(如rgb(255, 255, 0))。

div设置外边框相关如下:\x0d\x0aborder-color:#000设置4边边框颜色为黑色;\x0d\x0aborder-color:+颜色值,即可设置对象边框颜色;\x0d\x0aborder-left-color:#000设置左边框颜色为黑色;\x0d\x0aborder-right-color:#000设置右边框颜色为黑色;\x0d\x0aborder-top-color:#000设置上边框颜色为黑色;\x0d\x0aborder-bottom-color:#000设置下边框颜色为黑色;\x0d\x0a条件:必须设置对象边框存在,设置边框宽度必须大于或等于1px,边框颜色才会显示并有存在意义。\x0d\x0a.divcss5{border-style:solidborder-width:1pxborder-color:#000}\x0d\x0a这样就设置对象边框为实线边框,参数就是solid,边框宽度(厚度)为1px,边框颜色为黑色,这样设置边框颜色才会生效。


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

原文地址: http://outofmemory.cn/tougao/12041163.html

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

发表评论

登录后才能评论

评论列表(0条)

保存