html怎么设置一个banner图像,css如何设置banner图自适应
在css中,可以使用“background-size”设置banner图自适应,语法“background-size:cover”;其中cover是指把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。//test.css
.index-banner-top {
width: 100%;
background: url(../imgs/guanyu.png) no-repeat center center;
height: 210px;
background-size:cover
}
@media only screen and (max-width: 640px){
.index-banner-top {
height: 100px;
}
}//test.html
电脑端显示:
手机端显示:
html怎么设置一个banner图像,css如何设置banner图自适应相关推荐
- css样式里把背景设置为图片,利用css如何设置全屏背景图片
利用css如何设置全屏背景图片 如果你有一张比较绚烂的图片想做背景,可以这样设置,就跟随百分网小编一起去了解下吧,想了解更多相关信息请持续关注我们应届毕业生考试网! 代码如下: body{ backg ...
- html设置table border,用css来设置table的border
在网页中table是一种很好的展示数据的标签.默认情况下,table是没有border的,但是我们为了好看,经常要给table加上border.而且IE7/8/9下border的颜色还不一样,下面我们 ...
- html语言设置网页背景,HTML+CSS入门 设置网页中的背景图片的5个属性
本篇教程介绍了HTML+CSS入门 设置网页中的背景图片的5个属性,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 在css代码中设置背景图片的方法,包括背景图片.背景重复 ...
- html设置顶部背景颜色,css怎么设置背景颜色?
css怎么设置背景颜色?下面本篇文章就来给大家介绍一下使用CSS设置背景颜色的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在CSS中,可以使用background-colo ...
- css设置div不可编辑,css 怎么设置div不可点击
css设置div不可点击的方法:1.通过"event.preventDefault()"方法取消事件的默认动作:2.通过"event.stopPropagation()& ...
- php设置背景为透明,css如何设置背景颜色透明?css设置背景颜色透明度的两种方法介绍...
在网页布局中有时为了网页的整体美观,可能需要将网页中的某些部分设置为背景颜色透明,那么如何设置背景颜色透明呢?本篇文章就来给大家介绍一下css设置背景颜色透明的方法. 在css中设置背景颜色透明的方法 ...
- android设置webview光标颜色,CSS自定义设置元素闪烁光标颜色
这次给大家带来CSS自定义设置元素闪烁光标颜色,CSS自定义设置元素闪烁光标颜色的注意事项有哪些,下面就是实战案例,一起来看一下. 前言因为业务需求, 要求我们的input框内的文本与悬浮的光标颜色不 ...
- html设置超出自动隐藏,css如何设置超出部分隐藏
CSS 一段文本怎么设置超过省略号显示 单行文本实现方法: 实现效果: 多行文本溢出显示省略号实现方法: 实现效果: 适用范围: 因使用了WebKit的CSS扩展属性,该方法适用于WebKit浏览器及 ...
- css设置四个圆角,css怎么设置4个圆角?css设置4个圆角方法
div如何设置css圆角边框?css设置4个圆角方法有哪些?这对于刚刚入门的css新手,比较陌生,那么css怎么设置4个圆角?下面我们来看一下css设置4个圆角方法.[推荐学习:CSS3教程] CSS ...
- html设置渐变色背景图片,css中渐变色作为背景图来使用总结
qt中使用样式设置渐变色背景setStyleSheet()函数设置背景的前期是设置的窗口控件有父窗口ui.widget->setStyleSheet("background-color ...
最新文章
- 利用nginx泛域名解析配置二级域名和多域名
- Xamarin.iOS真机测试报错
- 机器字长,指令字长,数据子长,MDR
- 有向图的邻接表表示法
- [react] React什么是有状态组件?
- 使用requests模块简单获取数据
- java spring配置类_spring 配置 Java配置类装配bean
- c3p0 服务启动获取连接超时_一次c3p0连接池连接异常错误的排查
- Android四大组件——BroadcastReceiver详解
- CSDN学霸课表——来,这有一份PS入门速效大法
- Flutter sksl 着色器预热
- Arcgis报错 ERROR 999999的解决方法汇总
- C语言实现反汇编【微机原理】
- 阴阳师服务器维护2月20,阴阳师2月20日官方更新公告 阴阳师2月20日更新内容汇总...
- close()是不是python内置函数_python 内置函数
- 设备管理的方法与思路-设备管理软件系统-璞华大数据
- java jasper 生成xlsx_java-jasper不格式化excel数据类型
- 【考研英语语法】状语从句精讲
- 2021年西雅图第一家通过传统IPO上市的公司
- [JVM]了断局:字节码执行引擎
热门文章
- 蓝桥杯-ds18b20使用(小白专享)
- Python开发高频英语单词700+,熟悉后英文障碍又少了
- FGFA(Flow-Guided Feature Aggregation for Video Object Detection)论文详读
- 在CheckiO上熟悉编程
- 电脑it族宝典常用电脑的从怎样保护自己的眼睛
- Linux系统内核笔记
- Cross the Wall UVALive - 5097 (贪心+斜率dp)
- maxima得到简化行阶梯矩阵(RREF)
- java发送带图片的邮件_java项目如何发送带图片的邮件
- 一文了解数据分析师与商业分析师的区别(一)