CSS框模型 css
程序员文章站
2022-03-21 14:19:54
...
内边距
按照上、右、下、左的分别设置各地的内边距,各边可以使用不同的单位或百分比值:
相对路径与绝对路径
通过position来定义路径类型。
position:absolute为绝对路径,
position:relative;为相对路径,也就是在同一个<div/>标签中,相对于绝对位置的标签的位置。
通过boder属性来定义边框样式;
边框四周宽度
设置边框四边宽度,(boder-top;boder-right;boder-bottom;boder-left);
按照上、右、下、左的分别设置各地的内边距,各边可以使用不同的单位或百分比值:
h1 { padding-top: 10px; padding-right: 0.25em; padding-bottom: 2ex; padding-left: 20%; } //还可以这样写 h1 {padding: 10px 0.25em 2ex 20%;}
相对路径与绝对路径
通过position来定义路径类型。
position:absolute为绝对路径,
.div { position: absolute; left: 100px; top: 100px; }
position:relative;为相对路径,也就是在同一个<div/>标签中,相对于绝对位置的标签的位置。
通过boder属性来定义边框样式;
边框四周宽度
设置边框四边宽度,(boder-top;boder-right;boder-bottom;boder-left);
上一篇: CSS框模型 css
下一篇: 使用过滤器验证是否登录
推荐阅读
-
CSS如何让两列div并排显示_html/css_WEB-ITnose
-
div 位置的奇怪问题_html/css_WEB-ITnose
-
JS获取对象的某个CSS属性值的问题_html/css_WEB-ITnose
-
当把宽度设为25%时,其他浏览器正常,IE7图片会掉下来,有没有好的解决方法_html/css_WEB-ITnose
-
用if条件语句来实现浏览器兼容简单介绍_html/css_WEB-ITnose
-
margin :0px auto 无效_html/css_WEB-ITnose
-
DIV+CSS三列式布局的实现方法_html/css_WEB-ITnose
-
2-6 复杂的背景图案_html/css_WEB-ITnose
-
网页中多个图标在一张图片上,使用css将各图标显示_html/css_WEB-ITnose
-
【学习笔记之CSS+DIV】CSS入门_html/css_WEB-ITnose