手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS圆角区块容器生成器
CSS圆角区块容器生成器
摘要:当然还是用图片,只是可以生成自己所需色彩的图片。http://www.neuroticweb.com/recursos/css-rounde...

当然还是用图片,只是可以生成自己所需色彩的图片。

http://www.neuroticweb.com/recursos/css-rounded-box/

将上面生成的图片和下面代码存在同一个文件夹下:

CSS圆角区块容器.rbroundbox { background: url(nt.gif) repeat; }.rbtop div { background: url(tl.gif) no-repeat top left; }.rbtop { background: url(tr.gif) no-repeat top right; }.rbbot div { background: url(bl.gif) no-repeat bottom left; }.rbbot { background: url(br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */.rbtop div, .rbtop, .rbbot div, .rbbot {width: 100%;height: 7px;font-size: 1px;}.rbcontent { margin: 0 7px; }.rbroundbox { width: 50%; margin: 1em auto; }

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ornare ultricies libero. Donec fringilla, eros at dapibus fermentum, tellus tellus auctor erat, vitae porta magna libero sed libero. Mauris sed leo. Aliquam aliquam. Maecenas vestibulum.

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

【CSS圆角区块容器生成器】相关文章:

CSS3 transition规范的实际使用经验

CSS中em和px的区别

Div+CSS布局入门

CSS自动控制图片大小的代码

CSS:使DIV 在浏览器窗口中水平垂直居中

CSS实现让同一行文字和输入框对齐的方法

10个CSS简写/优化技巧整理

IE与Firefox的CSS兼容大全

CSS圆角技术

CSS2.0手册(苏沈小雨版)

精品推荐
分类导航