CSS中对背景的修饰 [CSS][web前端]

CSS中对背景的修饰

1. background-color

   • 设置背景颜色

2. background-image

   • 设置背景图片
     • 默认情况之下设置的背景图片是可重复的,如果一个图片大小不足以将背景完全填充,那么就会重复产生几个照片对没有完全填充的部分进行填充 —> 我们可以通过background-repeat样式设置为不重复 —> 也就是即使我们的图片不足以将我们的背景完全填充,这个时候我们也不会产生重复的照片继续去填充

3. background-repeat

   • 设置背景图片是否可重复

4. background-position

   • 设置背景图片的位置
     • 可以设置四个值left , right , top , bottom

5. background-size

   • 设置背景图片的大小
     • 可以设置两个值: 宽和高

补充:

capacity样式用于设置图片的透明度

我们的按钮可以通过disabled属性设置为不可操作

• 当我们的disabled属性设置为true的时候就是表示是不可操作的
• 我们很多时候都会看到如果我们的页面中有一个协议要我们点击同意的时候会显示我们最少要看十秒之后才能点击这个按钮,并且一般按钮上都会有一个倒计时, 然后倒计时过后我们就可以点击了, 这个效果就是我们使用设置按钮的disabled属性而实现的