📄 0075.htm
字号:
<html>
<head>
<title>新时代软件教程:操作系统 主页制作 服务器 设计软件 网络技术 编程语言 文字编辑</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
<!--
body, table {font-size: 9pt; font-family: 宋体}
a {text-decoration:none}
a:hover {color: red;text-decoration:underline}
.1 {background-color: rgb(245,245,245)}
-->
</style>
</head>
<p align="center"><script src="../../1.js"></script></a>
<p align="center"><big><strong>边框属性</strong></big></p>
{框填充属性 <p><b><font
color="#0000ff">padding-bottom<br>
padding-left<br>
padding-top<br>
padding-right</font></b></p>
<p>功能：毎个容器都有边框，这些属性设置边框与框內元素间的距离。<br>
数值：<br>
长度 - 设置相对或绝对值。在数字后指定度量单位如下：mm, cm, in, pt,
px, pc, ex, em。em 和 ex 设置产生相对于父字体的字体尺寸。<br>
百分比 - 以父元素的百分比设置边框。<br>
说明：填充值不能使用负值，但可以是小数。</p>
<p>框填充属性--- <font color="#0000ff"><b>padding</b></font></p>
<p>功能：是个简写属性，用于设置上，下，左，右各个方向边框和内容元素的间距。<br>
数值：同前。<br>
说明：用单一值可以让毎边等距填充；如果用两个值，则第一个值用于上下填充，第二个值用于左右填充；如果用三个值，则赋于上边填充，左右填充和下边填充；如果用四个值，则分别用于上，右，下，左填充。可以混合数值类型。</p>
<p>框边框属性<br>
<b><font color="#0000ff">border-top<br>
border-bottom<br>
border-right<br>
border-left</font></b></p>
<p>功能：这四个属性都是简写属性，分别设置上，下，右，左的边框属性。缺省情况下，边框没有样式设置。<br>
数值：共有三个边框属性<br>
border-width: 取值为 thin, medium, thick或指定长度。<br>
border-style: 设置用于修饰边框的底纹。可以设置下列样式：none,
dotted,doshed, solid, double, groove, ridge, inset, outset。<br>
border-color: 设置边框颜色。</p>
<p>框边框属性</p>
<p><font color="#0000ff"><b>border-top-width<br>
border-bottom-width<br>
border-right=width<br>
border-left-width</b></font></p>
<p>功能：分别设置各个边框的厚度。<br>
数值：<br>
thin - 细边框。<br>
medium - 中等线宽。<br>
thick - 粗线。<br>
长度 - 用相对或绝对单位设置边框宽度。</p>
<p>框边框属性</p>
<p><b><font color="#0033cc">border-color</font></b></p>
<p>功能：简写属性，设置四个边框的颜色值。<br>
数值：可以用颜色名或RGB值。如果指定单个颜色，则四个边框都显示为这个颜色；如果指定两个颜色，则顺序为上下，左右；如果指定三种颜色，则顺序为上，左右，下；如果指定四种颜色，则顺序为上，右，下，左。<br>
说明：颜色名如下<br>
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver,
teal, white, yellow.<br>
对于RGB值，可用三种方法指定<br>
#rrggbb; rgb(r,g,b); rgb(r%,g%,b%)</p>
<p>框边框属性</p>
<p><b><font color="#0000ff">border</font></b></p>
<p>功能：简写属性，设置所有边框属性。<br>
数值：<br>
border-width - 取值 thin, medium, thick 或指定长度。<br>
border-style - 取值 none, dotted, dashed, solid, double, groove, ridge, inset, outset<br>
border-color - 可用颜色名或RGB值。<br>
说明：与其它简写属性不同的是，每个设置只能取一个值，这个属性均匀作用于框的各边。</p>
<p>框边框属性</p>
<p><b><font color="#0033cc">border-style</font></b></p>
<p>功能：用于显示边框和指定边框样式。<br>
数值：<br>
none - 不显示边框，为缺省值<br>
dotted - 点线<br>
dashed - 虛线<br>
solid - 实线<br>
double - 双线<br>
groove - 3D陷入线<br>
ridge - 3D山脊狀线<br>
inset - 使页面有沉入感<br>
outset - 使页面有浮出感<br>
说明：并非所有浏览器都能显示ridge, inset, outset
之类的样式，有些浏览器将所有边框都绘制成实线。</p>
<p>框边界属性</p>
<p><b><font color="#0033cc">margin-bottom<br>
margin-left<br>
margin-right<br>
margin-top</font></b></p>
<p>功能：这四个属性用来设置元素与其相邻元素间的距离，可以用长度或相对于其父文本的宽度的百分比来定义，也可以自动处理。<br>
数值：<br>
长度 -
设置元素相应边与框边缘之间的相对或绝对距离，有效单位为：mm,
cm, in, px, pt, pica,ex, em ...<br>
百分比 - 以父元素宽度的百分比设置边界尺寸。<br>
auto - 自动，这个设置取浏览器的缺省边界。</p>
<p>框边界属性</p>
<p><b><font color="#0033cc">margin</font></b></p>
<p>功能：简写属性，用于設置元素的所有边界。这是用于描述元素的内容的边缘到框边缘的距离的。这个区总是透明的，可以看到下面的页面背景。<br>
数值：<br>
长度 - 同前<br>
百分比 - 以父元素宽度的百分比设置边界尺寸。<br>
auto - 自动，这个设置取浏览器的缺省边界。</p>
<p>框位置属性</p>
<p><font color="#0000cc"><b>height</b></font></p>
<p>功能：设置元素高度，浏览器按照这个高度调整图形。<br>
数值：<br>
长度 - mm, cm, px, pt, .....<br>
auto - 自动。</p>
<p>框位置属性</p>
<p><b><font color="#0033cc">width</font></b></p>
<p>功能：设置元素宽度，浏览器按照这个宽度调整图形。<br>
数值：<br>
长度 - mm, cm, in, px, pt, ......<br>
百分比 - 将图形尺寸设置为父元素宽度的百分比。<br>
auto - 自动调整</p>
<p>框位置属性
</table>
<p align="center"><script src="../../2.js"></script></a>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -