css边框的设置方法2-练习

如下笔记
<style>
div{
width:300px;
height:300px;
/*border:1px solid red; */  /*复合样式*/
/*单一样式*/
border-width:1px 2px 3px 4px;
border-style:solid dashed dotted solid; 
border-color:red green blue black;
}
/*
border-width:1px 2px 3px 4px;
                                                                         上边  右边 下边    右边
                       border-style:solid dashed dotted solid;  
                                                                         上边  右边 下边    右边
                       border-color:red green blue black;     
                                                                          上边  右边 下边    右边        
                                                                          注意:当两个值的时候是:上边--下边  左边---右边 
                                                                          当三个值的时候:上边--右边/左边---下边                               
*/
 
</style>
难点:记录代码
解决:多打
截图如下
css边框的设置方法

版权所有,未经允许禁止转载,沫熙点击加我QQ:1161478487