CSS圆角区块容器生成器

更新时间：2006年07月25日 00:00:00 作者：

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

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

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

</P>
<P><!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; }</P>
<P>/* 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></P>
<P><body><div class="rbroundbox"> <div class="rbtop"><div></div></div>  <div class="rbcontent">   <p>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.</p>  </div> <div class="rbbot"><div></div></div></div></body></html></P>
<P>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

CSS圆角区块容器生成器

css类选择器的使用方法详解
在css中类选择器就是在类名前面加一个点号了，如果是多类不是打多个点号而以.important.urgent这种形式了，下面我来给大家介绍一下CSS 类选择器与多类选择器的用法
2013-11-11
IE图片下空隙问题解决方法集合
IE图片下空隙问题解决方法集合...
2006-09-09
解决input对齐问题vertical-alige
解决input对齐问题vertical-alige...
2006-07-07
CSS 实用实例(推荐)
[红色]CSS 实用实例(推荐)...
2006-07-07
display&position
display&position...
2006-09-09
CSS图片翻转菜单
CSS图片翻转菜单...
2006-09-09
全面考察“禁用浏览器后退”
全面考察“禁用浏览器后退”...
2006-10-10
块元素block element和内联元素inline element
块元素block element和内联元素inline element...
2006-09-09
HTML中的图象标签属性
HTML中的图象标签属性...
2006-08-08
CSS布局入门
CSS布局入门...
2006-08-08