CSS 属性 设置外边距 边框属性
来源:互联网 发布:许岑 知乎 编辑:程序博客网 时间:2024/05/20 18:47
CSS margin外边距外间距 即div与div间距
设置外边距的最简单的方法就是使用 margin 属性。
margin 属性接受任何长度单位,可以是像素、英寸、毫米或 em。
margin 可以设置为 auto。更常见的做法是为外边距设置长度值。下面的声明在 h1 元素的各个边上设置了 1/4 英寸宽的空白:
h1 {margin : 0.25in;}
下面的例子为 h1 元素的四个边分别定义了不同的外边距,所使用的长度单位是像素 (px):
h1 {margin : 10px 0px 15px 5px;}
与内边距的设置相同,这些值的顺序是从上外边距 (top) 开始围着元素顺时针旋转的:
margin: top right bottom left
另外,还可以为 margin 设置一个百分比数值:
p {margin : 10%;}
百分数是相对于父元素的 width 计算的。上面这个例子为 p 元素设置的外边距是其父元素的 width 的 10%。
CSS border边框属性教程(color style)
1、四个边框
border-left 设置左边框,一般单独设置左边框样式使用
border-right 设置右边框,一般单独设置右边框样式使用
border-top 设置上边框,一般单独设置上边框样式使用
border-bottom 设置下边框,一般单独设置下边框样式使用,有时可将下边框样式作为css下划线效果应用。
2、四边相同边框border简写
#divcss5{border:1px solid #00F}
设置了divcss5对象盒子1px像素蓝色实线边框
3、边框三个样式
通常我们可以对边框设置宽度(厚度)、边框样式、边框颜色这三个属性与参数。
1)、边框颜色:border-color:#000
2)、边框厚度(宽度):border-width:1px
使用数字+单位设置边框厚度宽度,如1px(边框厚度宽度为1像素),边框必须为正数字,大于0的数值。否则设置边框border样式无效。
3)、border边框样式:border-style:solid
边框样式值如下:
none : 无边框。与任何指定的border-width值无关
hidden : 隐藏边框。IE不支持
dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线(常用)
dashed : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线(常用)
solid : 实线边框(常用)
double : 双线边框。两条单线与其间隔的和等于指定的border-width值
groove : 根据border-color的值画3D凹槽
ridge : 根据border-color的值画菱形边框
inset : 根据border-color的值画3D凹边
outset : 根据border-color的值画3D凸边
CSS text-indent段落首行文字缩进
1、CSS代码
.divcss5{ text-indent:35px}
2、HTML代码片段
- <div class="divcss5">
- <p>第一段开始缩进效果<br />
- 使用br标签的换行将不会缩进
- </p>
- <p>第二段使用p标签段落首行也会缩进<br />
- 第二行使用了br不会缩进<br />
- 第三行提行使用了br也不会缩进</p>
- </div>
- CSS 属性 设置外边距 边框属性
- CSS-外边框与内边框属性
- css的字体设置,css的盒子模型,css的盒子模型的边框,盒子模型的内边距属性,盒子模型的外边距属性,
- CSS框结构外边距margin属性
- css 内边距 外边距 边框
- 0508-外边距属性
- CSS颜色属性,边框属性
- css属性之边框属性
- CSS边框属性
- css 边框属性
- CSS边框属性
- CSS边框标签属性
- CSS控制边框属性
- css的边框属性
- CSS 边框属性
- css边框属性
- css-边框属性
- CSS边框属性
- JVM 指令集总结
- Android 获取手机品牌、型号等信息
- HDU 5422 Rikka with Graph(规律)
- GIT教程 — 详解本地库的使用以及原理(一)
- 农行深圳通java开发接口连接代码(jni连接)
- CSS 属性 设置外边距 边框属性
- Ruby之旅--Ruby介绍与Java与Ruby的异同点
- smartbi 学习记二之系统及版本问题
- 【C语言】常见的文件打开方式及含义
- Centos7.3 安装JDK以及注册Tomcat服务
- linux命令 对日志文件的IP出现的次数进行统计 并显示次数最多的前六名
- 工程师谈模拟IC设计,这四个部分必须掌握
- iotcl函数
- app跳转到京东的某个页面