内外边距及div居中、圆角边框及阴影 2022-2-5

一、内外边距及div居中




    
    外边距的妙用
    
    


会员登录

用户名
密码
手机号

内外边距及div居中、圆角边框及阴影 2022-2-5_第1张图片
盒子的计算方式:
margin+border+padding+内容宽度

二、圆角边框

如果只有一个数字就是四个角
如果只有两个数字就是两个对角为一个数字
如果是四个数字就是左上 右上 右下 左下 顺时针方向
如果是画圆的话: 圆角 等于 半径是加上边框厚度的半径




    
    圆角边框
    
    
    


内外边距及div居中、圆角边框及阴影 2022-2-5_第2张图片




    
    圆形
    


内外边距及div居中、圆角边框及阴影 2022-2-5_第3张图片





内外边距及div居中、圆角边框及阴影 2022-2-5_第4张图片

三、阴影

3.1盒子阴影




    
    阴影
    
    


内外边距及div居中、圆角边框及阴影 2022-2-5_第5张图片

3.2图片阴影




    
    阴影
    
    


    


内外边距及div居中、圆角边框及阴影 2022-2-5_第6张图片

3.3 图片居中




    
    阴影
    
    


    

内外边距及div居中、圆角边框及阴影 2022-2-5_第7张图片

你可能感兴趣的:(笔记,css,css,css3,html)