css如何让背景图片横向缩小

 时间:2024-10-18 19:51:41

1、新建一个html文件,命名为test.html,用于讲解css如何让背景图片横向缩小。

css如何让背景图片横向缩小

2、在test.html文件内,使用div标签创建一个模块,下面将使用css设置其横向背景。

css如何让背景图片横向缩小

3、在test.html文件内,给div添加一个class属性,用于下面设置样式。

css如何让背景图片横向缩小

4、在css标签中,通过class设置div的样式,定义其宽度为300px,高度为250px,边框为1px,背景图片为2.jpg。

css如何让背景图片横向缩小

5、在css标签中,再使用background-size属性,将背景图片横向缩小为50%,纵向为100%。

css如何让背景图片横向缩小

6、在浏览器打开test.html文件,查看实现的效果。

css如何让背景图片横向缩小
  • 原神行秋的语音条怎么听
  • 怎么给图片替换天空
  • 兰陵王王者荣耀
  • Photoshop CC 2018 磁性套索工具使用方法
  • 苍穹之下圣诞版攻略怎么玩怎么做任务?
  • 热门搜索
    生活中的小窍门手抄报 小学生安全手抄报大全 关于动物的英语手抄报 关于写字的手抄报 绿色植物手抄报 爱我中华手抄报资料 拒绝垃圾食品手抄报 创建文明城手抄报 读书节手抄报资料 以孝为主题的手抄报