html边框用什么属性表示,HTMLCSS基础边框简写属性

HTML&CSS基础-边框简写属性

作者&＃xff1a;尹正杰

版权声明&＃xff1a;原创作品&＃xff0c;谢绝转载&＃xff01;否则将追究法律责任。

一.HTML源代码

.box{

width: 200px;

height: 200px;

background-color: red;

/**

* 设置边框

* 大部分的浏览器中&＃xff0c;边框的宽度都是有默认值&＃xff0c;而边框的样式默认值都是none

*/

/*border-width: 10px;

border-color: yellow;

border-style: solid;*/

/**

* border:

* 边框的简写样式&＃xff0c;通过它可以同时设置四个边框的样式&＃xff0c;宽度&＃xff0c;颜色&＃xff0c;而且没有任何的顺序要求

* border一指定就是四个边不能分别指定每个边的样式&＃xff0c;宽度&＃xff0c;颜色。

*

* border-top,border-bottom,border-left,border-right可以单独设置四个边框的样式&＃xff0c;规则和boder一样&＃xff0c;只不过它只对一个边生效

*

*/

border: 10px solid yellow ;

border-right: none;

}

二.浏览器打开以上代码渲染结果

HTML&;CSS基础-标签的属性

HTML&CSS基础-标签的属性 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.html源代码