图解 CSS (2): border - 边框
来源:互联网 发布:动漫绘画软件 编辑:程序博客网 时间:2024/05/07 10:32
样式表可以是外部的、内联的、嵌入的、链接的, 譬如下面的内联样式将作用于所有 ID=Test 的标签:
border: 宽度 样式 颜色;
border 的宽度有三个常数值: medium(默认)、thick(粗)、thin(细).
自定义宽度最麻烦的就是宽度的单位(in、cm、mm、em、ex、pt、pc、px), 我喜欢用像素(px).
border 的样式: none(默认)、solid、double、dotted、dashed、groove、ridge、inset、outset.
后四种 3D 样式, 如果使用默认的 3D 着色颜色效果会更好:
指定颜色有五种方法(譬如蓝色): RGB(0,0,255); #0000FF; #00F; Blue; RGB(0,0,100%).
border: 宽度 样式 颜色; 可以从后向前省略, 也可以用 border-width、border-style、border-color 分开表达.
可以用 border-top、border-bottom、border-left、border-right 分别描述四个边;
并可用 border-top-width、border-top-style、border-top-color 等描述各边的: 宽度、样式、颜色.
上面列出的边框相关的样式还有: border-collapse、border-spacing; 这是表格相关的.
border-collapse 有两个常数值: collapse、separate, 决定边框是否分开:
border-spacing: 用来设置表格中单元格的间距; 这个好像 IE(8) 不支持, 不过这和表格的 cellspacing 属性是一样的.
<style> #Test {...} </style>
borderborder-widthborder-styleborder-colorborder-topborder-top-widthborder-top-styleborder-top-colorborder-bottomborder-bottom-widthborder-bottom-styleborder-bottom-colorborder-leftborder-left-widthborder-left-styleborder-left-colorborder-rightborder-right-widthborder-right-styleborder-right-colorborder-collapseborder-spacing
border: 宽度 样式 颜色;
border 的宽度有三个常数值: medium(默认)、thick(粗)、thin(细).
自定义宽度最麻烦的就是宽度的单位(in、cm、mm、em、ex、pt、pc、px), 我喜欢用像素(px).
border 的样式: none(默认)、solid、double、dotted、dashed、groove、ridge、inset、outset.
后四种 3D 样式, 如果使用默认的 3D 着色颜色效果会更好:
指定颜色有五种方法(譬如蓝色): RGB(0,0,255); #0000FF; #00F; Blue; RGB(0,0,100%).
border: 宽度 样式 颜色; 可以从后向前省略, 也可以用 border-width、border-style、border-color 分开表达.
可以用 border-top、border-bottom、border-left、border-right 分别描述四个边;
并可用 border-top-width、border-top-style、border-top-color 等描述各边的: 宽度、样式、颜色.
上面列出的边框相关的样式还有: border-collapse、border-spacing; 这是表格相关的.
border-collapse 有两个常数值: collapse、separate, 决定边框是否分开:
border-spacing: 用来设置表格中单元格的间距; 这个好像 IE(8) 不支持, 不过这和表格的 cellspacing 属性是一样的.
0 0
- 图解 CSS (2): border - 边框
- CSS border 边框
- CSS设置border边框
- 10015---CSS Border(边框)
- css中的边框border
- CSS-Border(边框)
- css边框border样式
- css之border边框
- 理解CSS边框border
- CSS Border(边框)
- 理解CSS边框border
- css边框border
- css border边框
- CSS border边框属性教程 CSS 边框即CSS
- CSS手册(四)Border 边框
- 边框(border)的CSS简写方法
- CSS中元素的边框border属性
- 微信小程序css篇----边框(Border)
- 应用层 ---> framwork层JNI ---> 驱动c
- Javascript学习笔记【第三章】1
- CSS选择器的优先级
- 邮件服务器运作原理
- 在Android Studio下使用百度语音识别的一个简单例子
- 图解 CSS (2): border - 边框
- mysql 获取指定时间时间戳
- JSP九大内置对象详解
- JAVA中获取当前系统时间
- oracle 一次删除多张表
- tftp通过“USB转串”连接主机和开发板
- 计算机科学概论----内存
- 将字符串转换为16进制的字符串(常用在串口编程中)
- 批处理,将SQL Server的执行结果保存为txt文件