第八篇、盒子模型和距中的设置方法

<!--1.外边距 margin2.边框 border solid(线的类型) --border-width --border-style--border-color3.内边距 padding（四个值（上右下左） 三个值（上 左右 下）两个值（上下 左右））4.content（内容）IE浏览器的适配很麻烦居中：margin:0px auto;text-align:center;line-height:0px;-->
<html><head><meta charset="UTF-8"><title>盒子模型</title><style>div{background-color:red;width:500px;height:40px;margin:15px;padding:15px;overflow:auto;border:10px solid green;}.test1{}span{background-color:purple;margin:0px auto;}</style></head><body><div>22222222222222222222222222222222222</div><div class="test1"><span>22222222222222222</span></div></body>
</html>

转载于:https://www.cnblogs.com/HJQ2016/p/5832298.html

第八篇、盒子模型和距中的设置方法相关推荐

CSS之布局（盒子模型--外边距）
盒子模型--外边距: <!DOCTYPE html> <html><head><meta charset="UTF-8"><t ...
【CSS】盒子模型内边距 ② ( 内边距复合写法 | 代码示例 )
文章目录一.内边距复合写法 1.语法 2.代码示例 - 设置 1 个值 3.代码示例 - 设置 2 个值 4.代码示例 - 设置 3 个值 5.代码示例 - 设置 4 个值一.内边距复合写法 1. ...
前端基础(八)_盒子模型（标准盒子模型和怪异盒子模型）
盒子模型什么是盒子模型网页设计中常听的属性名:内容(content).内边距(padding).边框(border).外边距(margin), CSS盒子模型都具备这些属性.这些属性我们可以用日常 ...
CSS之布局（盒子模型--内边距）
盒子模型--内边距: <!DOCTYPE html> <html><head><meta charset="UTF-8"><t ...
网页的盒子模型是什么？怎么设置盒子样式
网页的盒子模型是什么?怎么设置盒子样式欢迎大家去博客冰山一树Sankey,浏览效果更好.直接右上角搜索该标题即可博客园主页:博客园主页-冰山一树Sankey CSDN主页:CSDN主页-冰山一树S ...
修改huggingface模型的储存位置的设置方法
大家好,我是爱编程的喵喵.双985硕士毕业,现担任全栈工程师一职,热衷于将数据思维应用到工作与生活中.从事机器学习以及相关的前后端开发工作.曾在阿里云.科大讯飞.CCF等比赛获得多次Top名次.现 ...
【CSS】盒子模型内边距 ① ( 内边距概念 | 内边距设置语法 | 内边距设置效果 | 代码示例 )
文章目录一.内边距 1.概念 2.内边距设置语法 3.内边距设置效果二.内边距代码示例 1.不设置边距的示例 2.设置边距的示例一.内边距 1.概念内边距是盒子的边框与内容之间的 ...
css篇-盒子模型理解
前言在 CSS 盒子模型的默认定义里,你对一个元素所设置的 width 与 height 只会应用到这个元素的内容区.如果这个元素有任何的 border 或 padding ,绘制到屏幕上时的盒子宽 ...
七天学会h5和css3之盒子模型内边距和外边距（27）
先来练习一个题目:做一个新浪体育文本页面.,可能你现在并不能很好的做出这个效果,但是学习了本节后,你将很快的做出这个页面,具体代码和效果如下: <!DOCTYPE html PUBLIC &qu ...

第八篇、盒子模型和距中的设置方法

第八篇、盒子模型和距中的设置方法相关推荐

最新文章

热门文章