css盒子模型

1.内边距(内容到边框的距离)

td{
            padding-top: 100px;
        }

2.边框

p{
            border-style:dashed;(边框样式)
            border-top-style: none;(单边框样式)
                        border-width: 10px;(边框宽度)
            border-left-width: 5px;(单边框宽度)                 border-color: yellow;(边框颜色)

        }
p{
            border-radius: 50px;(边框圆角)
            background-color: red;
            width: 100px;
            height: 100px;
            text-align: center;
            border: 2px solid blue;
        }
.c3{
            background-color: blue;
            width: 100px;
            height: 100px;
            text-align: center;
            box-shadow: 10px 10px 5px red;(右 下 透明度 颜色)(阴影效果)
        }

3.外边距

    .c3{
        background-color: blue;
        width: 100px;
        height: 100px;
        margin:100px;(外边距)

你可能感兴趣的:(css盒子模型)