解宝世-20201029

1、width: 200px;
    height: 200px;
    background: blue;
    border: 2px #dedede solid;
    padding: 100px;
    box-sizing: content-box;
    box-shadow:  0px 0px 50px yellow  inset;
    border-top-left-radius: 200px;
    border-top-right-radius:200px ;
    border-bottom-left-radius: 200px;
2、盒子模型
 小盒子:外边距
magin-top 20px
magin-botton 20px

3盒子模型的基本代码:
*{
    margin:0;
    padding:0;
    border:0;
}
.page{
    width: 200px;
    height: 200px;
                margin: 0 auto;
    border: 2px #DEDEDE solid


.left{
    width: 200px;
    height: 200px;
    background: red;
    float: left;/*浮动*/
    margin: 20px;
}
.right{
    width: 200px;
    height: 200px;
    background: blue;
    float: right;
    margin: 20px;

心得体会:今天下午的我不在状态,刚开始学习的时候还能跟的上老师的步骤,做图形的平移、旋转、调节相框的大小等,一些代码的缺失,无法得到应有的效果。

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1