企业400电话
微网小程序
AI电话机器人
电商代运营
全 部 栏 目
企业400电话
网络优化推广
AI电话机器人
呼叫中心
网站建设
商标✡知产
微网小程序
电商运营
彩铃•短信
增值拓展业务
CSS 实用实例(推荐)
Background 背景 设置背景颜色
<html> <head> <style type="text/css"> body {background-color: yellow} h1 {background-color: #00ff00} h2 {background-color: transparent} p {background-color: rgb(250,0,255)} </style> </head> <body> <h1>This is header 1</h1> <h2>This is header 2</h2> <p>This is a paragraph</p> </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
设置一张图片做为背景
<html> <head> <style type="text/css"> body { background-image: url('http://www.blueidea.com/articleimg/2006/07/3744/bgdesert.jpg') } </style> </head> <body> </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
垂直重复背景图片
<html> <head> <style type="text/css"> body { background-image: url('http://www.blueidea.com/articleimg/2006/07/3744/bgdesert.jpg'); background-repeat: repeat } </style> </head> <body> </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
水平重复背景图片
<html> <head> <style type="text/css"> body { background-image: url('http://www.blueidea.com/articleimg/2006/07/3744/bgdesert.jpg'); background-repeat: repeat-x } </style> </head> <body> </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
怎样放置背景图片（位置摆放）
<html> <head> <style type="text/css"> body { background-image: url('http://www.blueidea.com/articleimg/2006/07/3744/bgdesert.jpg'); background-repeat: no-repeat; background-position: center; } </style> </head> <body> </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
背景不滚动
<html> <head> <style type="text/css"> body { background-image: url('http://www.blueidea.com/articleimg/2006/07/3744/smiley.gif'); background-repeat: no-repeat; background-attachment: fixed } </style> </head> <body> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> <p>The image will not scroll with the rest of the page</p> </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
背景属性一行解决（用一行文字定义背景属性）
<html> <head> <style type="text/css"> body { background: #00ff00 url('http://www.blueidea.com/articleimg/2006/07/3744/smiley.gif') no-repeat fixed center; } </style> </head> <body> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
上一篇：
css静态滤镜
下一篇：
给超级链接增加其他样式
相关文章
CSS 实用实例(推荐)
Background背景 设置背景颜色 This is header 1 This is header 2 This is a paragraph [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行] 设置一张图片做为背景 [Ctrl+A 全选 注:引入外部Js需再刷新一下CSS,实用,实例,推荐,CSS,实用,...
asp.net中ADO SQL数据库 笔记汇总 持续更新中
ADO连接数据库 1)获取连接字符串 方式一: 记住连接字符串 connectionString=" Integrated Secur...
襄阳智能电销机器人系统（电销智能机器人哪家公司好）
本篇文章给我们谈谈襄阳智能电销机器人体系，以及电销智能机器人哪家公司好对应的...
大连crm外呼系统（大连呼叫器）
本文目次一览： 1、crm和外呼零碎是绑定的吗 2、呼唤中央+CRM零碎 是什么？ 3、外呼零...
重庆移动电销机器人办理,电话线路如何办理-注意
重庆移动电销机器人办理,电话线路如何办理升企业与客户的沟通效率。电销人员本身对...
win10系统与老软件不兼容怎么解决?
大家都知道，我们使用win10系统上运行一些老软件的时候，有可能会遇到提示系统与软...
企业客服知识库的两种解决方案
目前企业客服知识库有两种解决方案，分别是云客服知识库与本地化知识库两种，而对...
呼叫中心系统人工录音质检存在的问题
客户服务已经越来越成为体现竞争差异、提升公司形象、增加客户满意度的必争质地，...
昆明教育电销线路办理公司,电话营销线路-关于
昆明教育电销线路办理公司,电话营销线路目前全国呼叫中心外包真正成功率不超过60...
际商电销机器人（际商电销机器人招聘）
本篇文章给大家谈谈际商电销机器人，以及际商电销机器人招聘对应的知识点，希望对...
Win10技术预览版系统下载地址大全（含简体中文版)）
2日凌晨，微软正式宣布新一代Windows系统的命名：Windows10。今日微软如约放出了Windows...
近似商标认定问题研讨
近似商标作为商标侵权诉讼中的一个重要概念，见诸于商标法第五十二条的规定。商标...
办理400电话的多少钱400电话办理收费标准
(办理400电话的多少钱)(400电话办理收费标准)以下内容由巨人小编整理发布。 一是找电...
厦门营销电销机器人价格（电销智能机器人）
本文目录一览： 1、电销机器人到底多少钱？价格来去怎么这么大？2、电销机器人一年...
智能语音机器人你真的了解吗?
人工智能已经火了几年了，不少的企业都应用了办公上，特别是在电话营销、电话客服...
物联网卡不销户有什么影响？
物联网时代到来，万物互联概念炒得越发火热，物联网卡也因此一举成为科技、通讯界...
CSS 实用实例(推荐)
Background背景 设置背景颜色 This is header 1 This is header 2 This is a paragraph [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行] 设置一张图片做为背景 [Ctrl+A 全选 注:引入外部Js需再刷新一下CSS,实用,实例,推荐,CSS,实用,...
咨 询 客 服
咨 询 客 服