设置颜色——color
设置背景颜色——background-color
插入背景图片——background-image:url()
插入背景附件——background-attachment:scroll|fixed固定
设置重复背景图片——background-repeat:repeat|repeat-x|repeat-y|no-repeat
设置背景图片位置——background-position：百分比|长度|关键字
设置边框属性——border:边框宽度,边框样式,边框颜色 空格
设计边框样式——border-style（boder-top-style）:none,dotted点,dashed虚,solid实,double,groove凹,ridge,intsit嵌入,outset；空格
调整边框宽度——border-width（boder-top-width）:关键字|长度 thin细，medium中，thick粗
设置边框颜色——border-color（border-top-color）:颜色关键字|RGB值
边距——margin（margin-top）:长度|百分比|auto
填充——padding（padding-top）:长度|百分比
_________________________________________________
| margin-top(对象) |
| _______________________________________ |
| | border-top（边框） | |
| | _______________________________ | |
| | | padding-top（内容） | | |
| |l | ____________________ | | |
| |e | | content | | | |
| |f | |____________________| | | |
| |t | | | |
| | |______________________________| | |
| | bottom | |
| |_______________________________________| |
| |
|_______________________________________________|
图层的创建
<body>
<div id="Layer1" 定义层的标记，层的名称
style="position:absolute;left:29px;top:12px;width:165px;height:104px; 层的样式
layer-background-colorL:#666666;层的背景
border:1 none #000000;">层的边框
</div>
</body>
图层的嵌套
<body>
<div id="Layer1" style="position:absolute; z-index:1; left:29px; top:12px; width:165px; height:104px;"></div>
<div id="Layer1" style="position:absolute; z-index:1; left:29px; top:12px; width:165px; height:104px;"></div>
</body>
层的属性设置
属性 说明
id 层的名称
style position 定位
w,h 图层宽高
l 左边距
t 顶端间距
layer-background-color
z-index:1
设置背景颜色——background-color
插入背景图片——background-image:url()
插入背景附件——background-attachment:scroll|fixed固定
设置重复背景图片——background-repeat:repeat|repeat-x|repeat-y|no-repeat
设置背景图片位置——background-position：百分比|长度|关键字
设置边框属性——border:边框宽度,边框样式,边框颜色 空格
设计边框样式——border-style（boder-top-style）:none,dotted点,dashed虚,solid实,double,groove凹,ridge,intsit嵌入,outset；空格
调整边框宽度——border-width（boder-top-width）:关键字|长度 thin细，medium中，thick粗
设置边框颜色——border-color（border-top-color）:颜色关键字|RGB值
边距——margin（margin-top）:长度|百分比|auto
填充——padding（padding-top）:长度|百分比
_________________________________________________
| margin-top(对象) |
| _______________________________________ |
| | border-top（边框） | |
| | _______________________________ | |
| | | padding-top（内容） | | |
| |l | ____________________ | | |
| |e | | content | | | |
| |f | |____________________| | | |
| |t | | | |
| | |______________________________| | |
| | bottom | |
| |_______________________________________| |
| |
|_______________________________________________|
图层的创建
<body>
<div id="Layer1" 定义层的标记，层的名称
style="position:absolute;left:29px;top:12px;width:165px;height:104px; 层的样式
layer-background-colorL:#666666;层的背景
border:1 none #000000;">层的边框
</div>
</body>
图层的嵌套
<body>
<div id="Layer1" style="position:absolute; z-index:1; left:29px; top:12px; width:165px; height:104px;"></div>
<div id="Layer1" style="position:absolute; z-index:1; left:29px; top:12px; width:165px; height:104px;"></div>
</body>
层的属性设置
属性 说明
id 层的名称
style position 定位
w,h 图层宽高
l 左边距
t 顶端间距
layer-background-color
z-index:1
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
