CSS圆角区块容器生成器

站长资源 2024/5/20 佚名

23 1538 23

南强小屋 Design By 杰米

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

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

将上面生成的图片和下面代码存在同一个文件夹下：
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><title>CSS圆角区块容器</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style>.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; }</style></head> <body> 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. </body></html> 
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

CSS圆角区块容器生成器

标签：

CSS圆角区块容器生成器

南强小屋 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

南强小屋 Design By 杰米

评论“CSS圆角区块容器生成器”

暂无CSS圆角区块容器生成器的评论...

CSS圆角区块容器生成器

CSS圆角区块容器生成器

HTML表单元素覆盖样式元素问题及其补救之道

HTML标记第1/2页

评论“CSS圆角区块容器生成器”

友情链接