患了低血糖的狗1年前

css基础学习2(盒子模型) *{padding: 0px;margin: 0px;} /* 页面边距清零 */ #box{width: 200px; height: 200px; border:5px solid; background:red;margin:20px; padding: 30px; border-top: 10px double blue;} /* 设置box盒子的边框线为5个像素点 solid设置边框线为实线，设置内容为红色 margin设置外边距为20个像素点 padding内边距为30个像素点 border-top设置上边框线为10个像素点的双线并且线的眼神为红色 */ #box1{width: 200px; height: 200px; border:5px double; background:blue;margin:20px; padding: 30px; border-left: 10px dashed green;} #box2{width: 200px; height: 200px; border:5px dashed; background:green;margin:20px; padding: 30px; border-right: 10px dotted yellow;} .box3{width: 200px; height: 200px; border:5px dotted; background:yellow;margin:20px; padding: 30px; border-bottom: 10px solid red;} button{border: none;} /* button去除按钮元素自带的边框线 */ .box4{width: 200px; height: 200px; border:5px dotted; background:black;margin:20px; padding: 30px; border-bottom: 10px solid red; border-radius: 200px;} .box5{width: 200px; height: 200px; border:5px dotted; background:black;margin:20px; padding: 30px; border-bottom: 10px solid red; border-radius: 200px; box-shadow: 10px 5px 3px green} .box6{width: 200px; height: 200px; border:5px dotted; background:black;margin:20px; padding: 30px; border-bottom: 10px solid red; border-radius: 200px; box-shadow: 0px 10px 20px green inset;} solid实线 double双线 dashed虚线线 dotted点状虚线虚线 登录 dotted点状虚线虚线的圆形盒子 dotted点状虚线虚线的圆形向外带阴影的盒子 dotted点状虚线虚线的圆形向内的带阴影的盒子

0