css+border-box
在建企业网站时使用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 默认设置
胡蓓会3529CSS+DIV边框 -
支吉疯13645113183 ______ 这个DIV就是蓝色边框,代码我给你讲解下border:表示边框solid 表示实心线1px 表示边框宽度#336699表示边框颜色
胡蓓会3529用CSS设置Table的细边框的几种方法(2009 -
支吉疯13645113183 ______ 设置Table的细边框通常有这么几种方式:1、设置边框的BORDER=0 、cellspacing=1,设置Table的背景色为所要的边框色,再设置所有的td背景色为白色,这样细边框就显露出来了.这个方法有些邪气,看似不太正宗,但是也能达到效果,条...
胡蓓会3529CSS+DIV border - bottom - color: #969696; -
支吉疯13645113183 ______ border-bottom-width: 1px; 底部边框的宽度为1 border-bottom-style: solid; 底部边框的样式为直线 border-bottom-color: #969696; 底部边框的颜色为#969696(灰色)
胡蓓会3529用CSS实现圆角边框
支吉疯13645113183 ______ http://wenku.baidu.com/view/08c7c2eb6294dd88d0d26b11.html 参考一下这篇文档.
胡蓓会3529css: div边框border的浏览器兼容问题. -
支吉疯13645113183 ______ 现在浏览器对于边框的处理方式都是一样的,都是在原有宽度的基础上再加上边框的宽度.一般来说,比较好的作法是div在设定宽度的时候减去border的宽度.当然这样可能之前预设的整数宽度,例如200px,就会变成一个类似于198px的数值...
胡蓓会3529网页中用CSS做虚线
支吉疯13645113183 ______ 如果你用表格的话 就给 td 加一个CSS属性 border-bottom:1px #颜色 solid; solid就是虚线属性 一定要写样式表里 不要在HTML文档里加 这样是不标准的!!!
胡蓓会3529CSS+DIV的代码
支吉疯13645113183 ______ 这是CSS代码 body { font-family: Verdana; font-size: 12px; line-height: 1.5; } 定义网页的body部分 字体为 Verdana,字号为 12像素,行高为 1.5 a { color: #000; text-decoration: none; } 定义所有超链接 颜色为 #000(黑色), 没有下划线 a:...
胡蓓会3529用css设置表格为圆角 -
支吉疯13645113183 ______ 圆角没有直接的样式,一般的方法都是把圆角作为图片切出来组合;JS虽然可以写圆角,但很难兼容各个版本的浏览器;大部分人一般做图都尽量避免圆角或者只能把圆角切出来
胡蓓会3529像土豆网那样的导航栏用div+css怎么制作
支吉疯13645113183 ______ CSS代码 <style> {margin:0;padding:0;font-size:12px;font-family:Verdana, Arial, ＂宋体＂; list-style:none;} body {background: #FFFFCC;margin:100px 0 0 100px;} #info {border:1px solid #FFCC66;padding:30px;background:#f7f7f7;width:500px;...
胡蓓会3529谁能帮我写一个小的CSS+html代码? -
支吉疯13645113183 ______ <style> div.bg{background:#c3d9ff;width:185px;} b{display:block;} div b.topb b,div b.bottomb b{height:1px;overflow:hidden;background:#c3d9ff;} div b.topb,div b.bottomb{ background-color:white} b.t1{margin:0 5px} b.t2{margin:0 3px} b.t3{margin:0 2...