盒模型

盒模型

margin属性

margin:外边距

padding:内边距

margin: 50px 0 0 50px; (上,右,下,左)

margin: 0 50px 10px;(上0,左右50,下10)

margin: 20px 30px; (上下20,左右30)

margin: 10px;(四个方向都是10)

margin-left: auto;(自动的)

margin: 100px auto 0;

border属性

border-right: 50px solid transparent; (透明度)

border-bottom: 50px solid rgba(0, 0, 0,0); (颜色的透明)

border-radius: 50%; (整个边框变圆)

border-top-left-radius: 50%; (边框的左上角变圆)

border-bottom-right-radius: 50%;(边框的右下角变圆)

border-top-right-radius: 50%; (边框的右上角变圆)

 

posted @ 2021-11-14 18:42  梦话!  阅读(12)  评论(0)    收藏  举报