1、打开软件和文件,点击新建css规则。
![Dreamweaver:[55]网页制作css规则之背景样式](https://exp-picture.cdn.bcebos.com/03605157935653bb55c69c481d0b31210461717e.jpg)
2、在选择器类型中选择“类”,在名称中输入.tb,也就是背景的意思,规则定义中会自动储存在刚才建立的css样式文件中。
![Dreamweaver:[55]网页制作css规则之背景样式](https://exp-picture.cdn.bcebos.com/65ba880b31210561b645ad5a08aee8d7582a6a7e.jpg)
3、在弹出的对话框中的左侧选择背景,这就是定义背景类型的css规则属性。
![Dreamweaver:[55]网页制作css规则之背景样式](https://exp-picture.cdn.bcebos.com/05e24be983aee8d7efcc1b5c6b781431deb6667e.jpg)
4、设置背景颜色。badkground color就是背景颜色,点击选择颜色。
![Dreamweaver:[55]网页制作css规则之背景样式](https://exp-picture.cdn.bcebos.com/586bfdefe07814316550cadfdc6699cf0353627e.jpg)
5、设置背景图片。background image就是背景图片,可以点击浏览添加背景图片。可以自己去添加,这里不演示。
![Dreamweaver:[55]网页制作css规则之背景样式](https://exp-picture.cdn.bcebos.com/def72c6c576699cfbcb5d7d0a885e036e3915e7e.jpg)
6、背景图像重复方式。background repeat当图像比较小的时候就要选择图像在表格中的重复方式,是横向还是重向等。
![Dreamweaver:[55]网页制作css规则之背景样式](https://exp-picture.cdn.bcebos.com/988e1c532f63238521d01a22cce833e038725d7e.jpg)
7、此外,还有一些其他的设置,比如附件是合适的还是滚动的,背景的水平位置和垂直位置,居中、顶部还是底部等方式。
![Dreamweaver:[55]网页制作css规则之背景样式](https://exp-picture.cdn.bcebos.com/e177fc9147e833e0fc94c5b030ea3e863148597e.jpg)
![Dreamweaver:[55]网页制作css规则之背景样式](https://exp-picture.cdn.bcebos.com/baab2086304861431c32b0828febf6a75e0f537e.jpg)
8、点击确定,也就是设置后了,可以更上篇将的对其进行运用。
![Dreamweaver:[55]网页制作css规则之背景样式](https://exp-picture.cdn.bcebos.com/d695563104ebf6a790e97a98ffee1c324a184f7e.jpg)