CSS圓角區塊容器生成器

2020-10-23 18:54:17

字體：大中小

來源：轉載

供稿：網友

當然還是用圖片，只是可以生成自己所需色彩的圖片。

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   id="iwvjtn8m0"   class="rbroundbox"> <div   id="iwvjtn8m0"   class="rbtop"><div></div></div>  <div   id="iwvjtn8m0"   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   id="iwvjtn8m0"   class="rbbot"><div></div></div></div></body></html></P><P>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執行]

上一篇：保存幾個不錯的css特效字

下一篇：表格隔行換色 css expression