css可以控制网页背景图片
在建企业网站时使用CSS边框圆角是很容易的事，但要设置边框圆角的渐变效果就需要费些功夫了，需要正确理解几个CSS属性的含义，background-origin,background-clip,background-size这几个是必须用到的，调整好性能的数值就可以灵活运用了。
想要实现CSS圆角渐变并匹配内容背景图可以参考以下代码：
<style>\ndiv {\n width: 500px;\n height: 300px;\n margin: 10px;\n padding: 30px;\n border-radius: 50px; /*设置圆角*/\n border:50px solid transparent; /*设置边框颜色透明，确保背景渐变色显示*/\n background-origin:border-box; /*从边框开始背景图*/\n background-clip:padding-box,border-box; /*设置第一个背景和第二个背景的范围*/\n background-size:cover;\n /*由于背景图像不能设置纯色，所以可以使用下面的方式设置纯色*/\n background-image:linear-gradient(#fff, #fff),linear-gradient(#FC0, #F30); \n}\n.a1{display:block;height:280px;background-image:url(/images/school.jpg);\nbackground-repeat:no-repeat;background-size:contain;}\n</style>\n\n<div>\n<span class="a1">边框渐变色从内边框到边框，背景图像单独设置不重复。</span>\n</div>background-origin表示的是背景起始位置，其三个值如下，依次是
border-box 从边框开始；
padding-box(默认) 从内边距开始；
content-box 从内容开始。
background-origin: border-box | padding-box(默认) | content-box
background-clip表示的是背景填充位置，其四个值如下，依次是
border-box(默认) 填充至边框；
padding-box 填充至内边距；
content-box 填充之内容；
text 作为字体前景色。
background-clip: border-box(默认) | padding-box | content-box | text
background-size表示的是背景尺寸，其五个值如下，依次是
contain 将图像扩大至适应最短的边，剩余部分默认重复图像
cover 将图像扩大至适应最长的边，图像可能显示不完整
length 两个值依次设置图像宽和高，未设置则为auto
percentage 两个百分比依次设置图像宽和高，未设置则为auto
auto 默认设置
申颜刚5062在网页制作中如何控制DIV居中显示,用CSS怎么控制背景图片大小? -
喻聂珠19535547762 ______ 居中最常用的就是margin:0 auto; 控制背景图片大小?背景图片,“背景”的意思就是不管图片有多大,只在元素范围内显示.假如你有一张背景图片为2000*2000大小,而你要将这张图片的200*300-300*400范围内的部分作为某个div的背景,用background position属性.
申颜刚5062CSS可以控制文字的颜色和背景 - 上学吧普法考试
喻聂珠19535547762 ______ 使用 background-color 定义背景颜色,background-image 定义背景图片,background-repeat 定义背景图片的重复方式,background-position 定义背景图片的位置,background-attachment 定义背景图片随滚动轴的移动方式. 具体的css背景属性可以看这个: http://www.abaonet.com/makeWeb/divCss/css_kecheng/css_background.html
申颜刚5062CSS样式表控制背景图片大小
喻聂珠19535547762 ______ 对于图片,首先我们先想到是背景图片.因为我们许许多的装饰都是用背景图片来实现的.既然这样,那么就从CSS控制背景图片讲起吧. 1.CSS控制背景图片: 对于一个网页,我们开始设计的时候,可能没有过多的去想背景图到底是什么,...