dw怎样用css设置背景图片,dreamweaver

news/2024/11/25 19:23:50/

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

背 景 属 性

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

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

定义背景设置:

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

716885d63802be291e9ff6fde9f4529a.png

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

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

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

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

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

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

“横向重复”和“纵向重复”分别显示图像水平带区和垂直带区。图像被剪辑以适合元素的边界。

附件:确定背景图像是固定在它的原始位置还是随内容一起滚动。注意,某些浏览器可能将“固定”选项视为“滚动”。Internet Explorer 支持该选项,但 Netscape Navigator 不支持。

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

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

来源:互联网

501216a8c9887ccc6e7504f982cc8e97.png


http://www.ppmy.cn/news/520667.html

相关文章

web网页设计实例作业 网页Dreamweaver设计

Web前端开发技术 描述 网页设计题材,DIVCSS 布局制作,HTMLCSS网页设计期末课程大作业,公司官网网站 | 企业官网 | 酒店官网 | 等网站的设计与制 | HTML期末大学生网页设计作业 HTML:结构 CSS:样式 在操作方面上运用了html5和css3…

视频教程-网页设计速成之Dreamweaver-Dreamweaver

网页设计速成之Dreamweaver Adobe认证讲师 Adobe教育讲师委员会委员(省级) 从事Web前端设计10余年,在用户习惯与Web易用性上有深入的研究。为国内产地行业、政府机关进行展示类Web整体设计与指导,为制造行业、物流行业、电子商务行…

Dreamweaver 1 网页制作

1.站点 1.1 创建站点 点击菜单栏中站点进行站点创建,输入站点名称,路径 1.2 设置图像文件夹 1.3 站点管理 站点的编辑、复制、删除 2.页面属性栏 2.1 外观 1.设置页面整体的字体、大小、颜色 2.背景颜色,背景图像,图像是否重复&am…

Dreamweaver入门基础与HTML视频教程

Dreamweaver入门基础与HTML视频教程--中国最权威的电脑教程软件资讯网站--eNet学院 http://www.enet.com.cn/eschool/zhuanti/dwvip/ 第一章 软件简介与设置 1.课程介绍与基础知识2.软件起始页的用法3.界面布局与切换4.定制工具箱5.代码拆分与设计模式6.定制实用界面布局7.标签…

网站建设之Dreamweaver入门使用

1、Dreamweaver CC介绍:Abode公司用于网站设计与开发的工具,总之功能强大。支持同时使用其它Adobe工具、完整的CSS样式支持,集成的编码环境,支持FLV视频,跨平台 2、入门教程:https://helpx.adobe.com/cn/d…

[已解决]数据库执行任何update后再执行任何insert都会异常

项目场景: 环境主要配置: Java8、springboot v2.7.8、mybatis3.5.9、mybatis-plus3.5.2、5.7.25-OceanBase-v3.2.3.1 问题描述 数据库执行任何update后再执行任何insert都会异常。 如果执行delete,再insert就没问题。 即使不是同一张表也会…

Adobe dreamweaver CS6小白入门教程

1.界面认识2.创建站点:(针对复杂网站使用)3.管理站点的操作:4.管理站点中的文件5.DW文本网页的设计6.DW图像和多媒体网页设计7.超链接8.表格(重要)来排版9利用APDIV和spry灵活布局10.用CSS修饰美化网页11.用模板和库(提…

Dreamweaver CS6 完全自学教程 (一)

Dreamweaver CS6 完全自学教程 Dreamweaver CS6 教程下载地址(百度网盘):https://pan.baidu.com/s/1fIUk4O36JCNVCfOQSH22vw 百度网盘下载(压缩包):https://pan.baidu.com/s/17G11dm_uXFCWVn5ytiO-Nw …