首页 > Web开发 > 详细

CSS之盒子

时间:2019-04-04 23:34:04      阅读:131      评论:0      收藏:0      [点我收藏+]

盒子边框(border)

边框就是那层皮。 橘子皮。。柚子皮。。橙子皮。。。

语法:

border : border-width || border-style || border-color 

边框属性—设置边框样式(border-style)

边框样式用于定义页面中边框的风格,常用属性值如下:

none:没有边框即忽略所有边框的宽度(默认值)
?
solid:边框为单实线(最为常用的)
?
dashed:边框为虚线  
?
dotted:边框为点线
?
double:边框为双实线
<style>
div{
width: 100px;
height: 100px;
border-width: 1px;
border-color: deeding;
border-style: solid; /*边框实线*/
border-style: dashed; /*边框虚线 */
border:1px red dashed; /*连写 */
border-top: 1px red solid; /*上边框,可以用来代替hr水平线*/
border-bottom: 2px blue dashed; /*下边框*/
border-left: 1px yellow solid; /*左*/
border-right: 2px blue solid; /*右*/
}

 

 

CSS之盒子

原文:https://www.cnblogs.com/axianz/p/10657430.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!