养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Dreamweaver:[55]网页制作css规则之背景样式

时间:2024-11-15 09:04:37

上面主要学习了css规则的类型样式,除了类型样式以外还有背景样式,一起学习吧!

工具/原料

Dreamweaver

方法/步骤

1、打开软件和文件,点击新建css规则。

Dreamweaver:[55]网页制作css规则之背景样式

2、在选择器类型中选择“类”,在名称中输入.tb,也就是背景的意思,规则定义中会自动储存在刚才建立的css样式文件中。

Dreamweaver:[55]网页制作css规则之背景样式

3、在弹出的对话框中的左侧选择背景,这就是定义背景类型的css规则属性。

Dreamweaver:[55]网页制作css规则之背景样式

4、设置背景颜色。badkgroundcolor就是背景颜色,点击选择颜色。

Dreamweaver:[55]网页制作css规则之背景样式

5、设置背景图片。backgrou艘绒庳焰ndimage就是背景图片,可以点击浏览添加背景图片。可以自己去添加,这里不演示。

Dreamweaver:[55]网页制作css规则之背景样式

6、背景图像重复方式。backgroundrepeat当图像比较小的时候就要选择图像在表格中擢爻充种的重复方式,是横向还是重向等。

Dreamweaver:[55]网页制作css规则之背景样式

7、此外,还有一些其他的设置,比如附件是合适的还是滚动的,背景的水平位置和垂直位置,居中、顶部还是底部等方式。

Dreamweaver:[55]网页制作css规则之背景样式

Dreamweaver:[55]网页制作css规则之背景样式

8、点击确定,也就是设置后了,可以更上篇将的对其进行运用。

Dreamweaver:[55]网页制作css规则之背景样式

© 一点知识