网站建设资讯

NEWS

网站建设资讯

css如何设置一半背景

本篇内容介绍了“css如何设置一半背景”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:主机域名、网络空间、营销软件、网站建设、黄石港网站维护、网站推广。

方法:1、给元素添加“background-repeat:no-repeat”样式,设置背景只显示一次;2、利用“background-size”属性设置背景只显示一半,语法为“元素{background-size:50% 100%}”。

本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。

css怎样设置一半背景

在css中,想要设置一半背景,可以利用background-size属性,background-size属性用于指定背景图片大小。

该属性的值表示如下:

css如何设置一半背景

示例如下:




  
  
  
  Document
  


  

输出结果:

css如何设置一半背景

“css如何设置一半背景”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


分享文章:css如何设置一半背景
本文路径:http://cdweb.net/article/ijdshi.html