div边框的颜色和宽度如何使用css定义

在css中 , 边框的颜色和宽度可以使用border属性统一定义 。 下面小编举例讲解div边框的颜色和宽度如何使用css定义 。

div边框的颜色和宽度如何使用css定义

文章插图

需要这些哦
css+html
代码编纂器:z studio 10.0
方式/
1新建一个html文件 , 定名为test.html , 用于讲解div边框的颜色和宽度若何利用css界说 。
div边框的颜色和宽度如何使用css定义

文章插图

2【div边框的颜色和宽度如何使用css定义】在test.html文件内 , 利用img标签建立一张图片 , 用于测试 。
div边框的颜色和宽度如何使用css定义

文章插图

3在test.html文件内 , 给img添加class属性 , 设置为yyimg 。
div边框的颜色和宽度如何使用css定义

文章插图

4在css标签内 , 经由过程class设置img的样式 。
div边框的颜色和宽度如何使用css定义

文章插图

5在css标签内 , 利用border属性设置div的边框宽度为5px , 边框的颜色为绿色(green) 。
div边框的颜色和宽度如何使用css定义

文章插图

6在浏览器打开test.html文件 , 查看实现的结果 。
div边框的颜色和宽度如何使用css定义

文章插图

总结:11、利用img标签建立一张图片 , 用于测试 。 2、给img添加class属性 , 设置为yyimg 。 3、在css标签内 , 经由过程class设置img的样式 。 4、在css标签内 , 利用border属性设置div的边框宽度为5px , 边框的颜色为绿色(green) 。 6、在浏览器打开test.html文件 , 查看实现的结果 。


以上内容就是div边框的颜色和宽度如何使用css定义的内容啦 , 希望对你有所帮助哦!

    推荐阅读