📄 0074.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>
<b><font color="#0033cc">color </font></b><p>功能：设置前景或元素的颜色。<br>
数值：使用颜色关键字或RGB值。</p>
<p><font color="#0033cc"><b>background-color</b></font></p>
<p>功能：设置页面或页面元素的背景颜色。<br>
数值：<br>
颜色 - 可用颜色名或RGB值<br>
transparent - 透明，使页面背景为缺省背景。</p>
<p><font color="#0033cc"><b>background-image</b></font></p>
<p>功能：定义背景图形。<br>
数值：<br>
none - 不用图形作背景<br>
url - 提供图形文件的URL地址<br>
说明：也可以包括background-color属性以便在找不到图形时代用</p>
<p><font color="#0033cc"><b>background-repeat</b></font></p>
<p>功能：控制图形背景是否重复排列。<br>
数值：<br>
repeat - 垂直和水平重复，缺省值<br>
repeat-x - 水平重复<br>
repeat-y - 垂直重复<br>
no-repeat - 不重复<br>
说明：这个属性和 background-image 和 background-position 属性一起使用。</p>
<p><font color="#0033cc"><b>background-attachment</b></font></p>
<p>功能：指定元素的背景是随元素一起滚动还是固定在页面某个位置上。<br>
数值：<br>
scroll - 随元素一起滚动<br>
fixed - 固定<br>
说明：<br>
缺省值是 scroll，这个属性和 background-image 属性一起使用。</p>
<p><font color="#0033cc"><b>background-position</b></font></p>
<p>功能：用于在空间中定位元素背景<br>
数值：<br>
长度 -
相对或绝对单位设置元素框边缘的起点，并给出单位下的坐标。<br>
百分比 -
用百分比表示框边缘上浏览器开始放图的位置。可以重复这个值也提供垂直和水平起点<br>
垂直位置 - 设置竖直方向的起点，关键字为 top, center, bottom<br>
水平位置 - 设置水平方向的起点，关键字 left, center, right<br>
例如：top left, left top和0% 0% 都表示图形左上角从元素框左上角开始</p>
<p><font color="#0033cc"><b>background</b></font></p>
<p>功能：简写属性，可以设置所有背景属性。<br>
数值：<br>
background-attachment<br>
background-color<br>
background-image<br>
background-position<br>
background-repeat<br>
有关上述数值的细节，见各个属性部分。</p>
<p><font color="#0033cc"><b>display</b></font></p>
<p>功能：改变元素的显示值，可以将元素类型线上，块和清单项目相互变换。<br>
数值：<br>
none - 不显示元素<br>
block - 块显示，在元素前后设置分行符<br>
inline - 删除元素前后的分行符，使其并入其它元素流中<br>
list-item - 将元素设置为清单中的一行<br>
说明：可用 display
属性值生成插入标题和补加清单或让图形变成线上显示。<!-- #EndEditable --></p>
</table>
<p align="center"><script src="../../2.js"></script></a>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -