css笔记16：盒子模型的入门案例-白红宇

css笔记16：盒子模型的入门案例

阅读量：4318 次

发布时间：2019-06-06

本文共 651 字，大约阅读时间需要 2 分钟。

1.案例一：

效果图如下：

（1）box1.html


     盒子模型经典案例

2.box1.css

@charset "utf-8";/* CSS Document */body {
        border: 1px solid red;  /*1px 表示边框的宽度  solid 表示实线  red 表示颜色，顺序可以随意*/    width: 500px;    height: 500px;    /*如果让body自动居中*/    margin: 0 auto;/*第一个参数：用于上下;第二个参数：用于左右（auto自动居中）*/}/*盒子模型:margin, padding,border, content*/.div1{
        width:310px;    height:260px;    border:1px solid blue;    /*margin-top:5px;    margin-left:5px;*/    margin:5px 0px 0px 5px;    /*padding-top:35px;*/}.div1 img {
        width:300px;    height:250px;    margin-top:5px;    margin-left:5px;}

转载于:https://www.cnblogs.com/hebao0514/p/4625184.html

你可能感兴趣的文章

什么是簇？

查看>>

[LeetCode] Construct Binary Tree from Inorder and Pretorder Traversal

查看>>

[转载]Android通过Socket上传文件

查看>>

golang 中的定时器（timer），更巧妙的处理timeout

查看>>

AT2134 Zigzag MST

查看>>