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也是允许的。

1、首先创建html文件,添加html架构代码到html文件中。

2、其次在html架构中的body标签里面使用div标签设置一个div盒子。

3、然后在html架构中的html标签里面添加script标签并设置背景颜色。

4、最后通过浏览器方式查看设置效果。

1、新建一个html文件,命名为test.html。

2、在test.html文件内,创建一个div模块,设置其class属性为bg,id属性为mydiv,用于下面设置css样式和获取div对象。

3、在test.html文件内,使用css设置div的样式,设置其宽度为500px,高度为272px,背景图片为2.jpg。

4、在test.html文件内,在div的下面创建一个button按钮,按钮名称为“更换背景颜色”。

5、给button按钮绑定onclick点击事件,当按钮被点击时,执行myfun()函数。

6、在test.html文件内,在js标签内,创建myfun()函数,在函数内,使用getElementById()方法通过id获得div对象,设置对象中的backgroundImage背景属性为另一张图片,从而实现改变div的背景图片。就完成了,运行就可以了。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存