标签：repeat 设置 背景 致源 诺禾 background 图像 css 属性

css基础必备-元素背景，前端小白一看就会

原创 心学苹果鱼 2020-07-16 17:31:46

元素背景background

使用CSS设置各种HTML元素的背景，元素的背景有以下属性：

• background-color - 属性用于设置元素的背景色，值可以是十六进制颜色代码，RGB值或颜色名称。
• background-image - 属性用于设置元素的背景图像，使用url()属性指定图像的路径。
• background-repeat - 属性用于控制背景图像是否重复，值有repeat,repeat-x,repeat-y,no-repeat。
• background-position - 属性用于控制背景图像的位置，值有right,left,top,bottom,center或者数值和百分比。
• background-attachment - 属性用于控制背景图像是否可以滚动，值有scroll,fixed。
• background - 属性用作其他背景属性的简写。

设置背景颜色：

 

设置背景图像：

 

设置背景图像沿x轴重复：

 

设置图像不重复，位于右上角：

 

设置图像不重复，不随内容滚动：

 

如果需要指定的图像属性太多时，可采用简写形式，如：

 

使用背景简写时，属性的指定顺序如下所示：

标签：repeat,设置,背景,致源,诺禾,background,图像,css,属性
来源： https://www.cnblogs.com/liuchaobaidu/p/13329991.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。