程序博客网 > 手机浏览器不加载js

html和css基础（五）盒子模型

来源：互联网发布：手机浏览器不加载js 编辑：程序博客网时间：2024/06/05 06:27

盒子模型

图片来自于：百度

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css">body{background-color:rgb(241,244,255) ;}.box1{width: 200px;height: 200px;background-color:white ;/*盒子的内容区，我们写的文字都在这里面显示*//*然后为盒子设置边框*/border: 10px red solid;/*设置内边距*/padding:20px ;/*设置外边距*/margin:auto ;/*在margin中left,right设置为auto,可以让盒子居中显示.top和bottom设置为auto;*/}</style></head><body><div class="box1">真的好想你</div></body></html>

对于边框，内边距，外边距都有上下左右的设置都是按照顺时针设置的。

border: 10px redsolid;在边框的设置中border-width 20px,30px,40px,50px;分别对应上，右，下，左

盒子高度和宽度的计算=内边距+height(width)+外边距+边框

阅读全文

0 0

手机浏览器不加载js

手机浏览器不加载js

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子张大奕淘宝店铺张大奕的淘宝店叫什么网红张大奕个人资料张大奕公司张大奕口红张大奕彩妆张大奕发博手撕雪梨张大奕整容前照片张大妈是什么软件张大妈优惠券app 张大妈app 杂货店张大妈张领领大宝个人资料陶大帅个人资料大干白结大干宋雪宋影乾隆大干晴儿在线阅读薛丁山大干薛金莲石破天大干阿绣高衙内大干若贞18回王安全大干张雨绮成刚大干风雨荷张大雷林晓兰全文免费阅读我缺德多年年代张大姑娘我在七零混社会张大姑娘我那极为富有的表哥张大姑娘张大春个人简介六十年代春莺啭张大姑娘张大春王雪全文免费阅读张大民的幸福生活张大民幸福生活贫嘴张大民苏韵张大民目录苏韵张大民第八章贫嘴张大民的幸福生活贫嘴张大民的幸福生活演员表张大民的幸福生活演员表贫嘴张大民的幸福生活主题曲苏韵张大民全文免费阅读张大胆张大仙长什么样子