dreamweaver CSS使用教程:定义CSS样式背景属性

dreamweaver CSS使用教程:定义CSS样式背景属性

 

背 景 属 性 

【定义 CSS 样式背景属性】使用“CSS 样式定义”对话框的“背景”类别可以定义 CSS 样式的背景设置。可以对网页中的任何元素应用背景属性。例如,创建一个样式,将背景颜色或背景图像添加到任何页面元素中,比如在文本、表格、页面等的后面。还可以设置背景图像的位置。

提示:本页背景图片固定,是【定义 CSS 样式背景属性】的效果。 

定义背景设置:

    在“CSS 样式定义”对话框中,选择“背景”(如下图),然后设置所需的样式属性。 



请注意:下列任意属性如果您认为不重要可以保留为空。

背景颜色:设置元素的背景颜色。两种浏览器都支持背景颜色属性。

背景图像:设置元素的背景图像。两种浏览器都支持背景图像属性。

重复:定义是否重复以及如何重复背景图像。两种浏览器都支持重复属性。 

“不重复”在元素开始处显示一次图像。

“重复”在元素的后面水平和垂直平铺图像。

“横向重复”和“纵向重复”分别显示图像水平带区和垂直带区。图像被剪辑以适合元素的边界。 
附件:确定背景图像是固定在它的原始位置还是随内容一起滚动。注意,某些浏览器可能将“固定”选项视为“滚动”。Internet Explorer 支持该选项,但 Netscape Navigator 不支持。 

水平位置:和垂直位置指定背景图像相对于元素的初始位置。这可以用于将背景图像与页面中心垂直和水平对齐。如果附件属性为“固定”,则位置相对于“文档”窗口而不是元素。Internet Explorer支持该属性,但 Netscape Navigator 不支持。

设置完这些选项后,在面板左侧选择另一个 CSS 类别以设置其它的样式属性,或单击“确定”。

推荐阅读

    Dreamweaver概述:轻松设置行间距

    Dreamweaver概述:轻松设置行间距,行间距,设置,属性,选择,层叠样式表,资讯,输入,Dreamweaver概述:轻松设置行间距 在Dreamweaver中轻松设置

    Dreamweaver 参数设置介绍

    Dreamweaver 参数设置介绍,参数设置,显示,属性,对话框,选项,选择,设置,Dreamweaver 参数设置介绍 Dreamweaver 的参数设置有哪些呢?这是

    Dreamweaver表单创建与设置

    Dreamweaver表单创建与设置,设置,表单,数据,属性,点击,目标,名称,Dreamweaver表单创建与设置 一、表单的创建方法: 点击“插入”-“表单

    dreamweaver CSS使用教程:区块属性

    dreamweaver CSS使用教程:区块属性,属性,设置,文本,使用教程,显示,对齐,支持,dreamweaver CSS使用教程:区块属性 区 块 属 性 【定义

    dreamweaver CSS使用教程:定位属性

    dreamweaver CSS使用教程:定位属性,定位,属性,设置,显示,使用教程,滚动条,浏览器,dreamweaver CSS使用教程:定位属性 定 位 属 性  【

    dreamweaver CSS使用教程:GLOW属性

    dreamweaver CSS使用教程:GLOW属性,属性,使用教程,参数,选择,滤镜,对象,无效,dreamweaver CSS使用教程:GLOW属性 【glow属性】对象应用gl

    dreamweaver CSS使用教程:扩展属性

    dreamweaver CSS使用教程:扩展属性,扩展,属性,对象,滤镜,使用教程,设置,控制,dreamweaver CSS使用教程:扩展属性 扩 展 属 性  【定义

    Fireworks教程: 图像输出设置

    Fireworks教程: 图像输出设置,设置,图像,输出,透明,教程,颜色表,选项,Fireworks教程: 图像输出设置 在Fireworks 中,图像默认的保存格式

    Fireworks教程:复杂图像变换(2)

    Fireworks教程:复杂图像变换(2),图像变换,教程,点击,图像,设置,显示,位置,Fireworks教程:复杂图像变换(2) 如果点击“更多选项”按钮,也

    Fireworks教程:复杂图像变换(1)

    Fireworks教程:复杂图像变换(1),图像变换,教程,对象,图像,选择,多重,点击,Fireworks教程:复杂图像变换(1) 2、复杂的图像变换 先在画布上