更多的样式

更多的样式

透明度

  1. opacity,它设置的是整个元素的透明,它的取值是0 ~ 1
  2. 在颜色位置设置alpha通道(rgba )

鼠标

使用cursor设置

盒子隐藏

  1. display:none,不生成盒子
  2. visibility:hidden,生成盒子,只是从视觉上移除盒子,盒子仍然占据空间。

背景图

和img元素的区别

img元素是属于HTML的概念

背景图属于css的概念

  1. 当图片属于网页内容时,必须使用img元素
  2. 当图片仅用于美化页面时,必须使用背景图

涉及的css属性

  1. background-image

  2. background-repeat

默认情况下,背景图会在横坐标和纵坐标中进行重复

  1. background-size

预设值:contain、cover,类似于object-fit
数值或百分比

  1. background-position

设置背景图的位置。

预设值:left、bottom、right、top、center

数值或百分比

雪碧图(精灵图)(spirit)

  1. background-attachment

通常用它控制背景图是否固定。

  1. 背景图和背景颜色混用

  2. 速写(简写)background

posted @   Kyou12138  阅读(5)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 推荐几款开源且免费的 .NET MAUI 组件库
· 实操Deepseek接入个人知识库
· 易语言 —— 开山篇
· 【全网最全教程】使用最强DeepSeekR1+联网的火山引擎,没有生成长度限制,DeepSeek本体
点击右上角即可分享
微信分享提示