用CSS定义出圆角的边框效果

作者:我就是个世界 发表于:2007-11-24
   用CSS定义出圆角的边框效果比较麻烦,而且不是所有的浏览器都支持!  一般mozilla系的瀏覽器都可以, 如Firefox, Netscape, Camino, Galeon, K-Meleon, Epiphany等等...

下面是两个更直接的法,比较麻烦,但是易懂.......

 [color=#008000] 方法一:程序代码:[/color]

[html]  
Rounded Box Demo













Contents go here, but it must be at least two lines to
look any good.
用CSS定义出圆角边框效果
  [/html][separator]

[color=#008000]方法二:程序代码:[/color]
[html]


Nifty Corners: HTML CSS rounded corners







Nifty Corners


Auiiui  uieiouo auuaa oiaue uaou iioiiou uiio a io ieeoai uaouoe uoiaau eeauauou u oiauuie eo ui.


Rounded corners without images


Aaeao aiieuouiu io ueuiieu uei oeio uooiau uue ooiea ooiaui eue ouue i uiaoo iouieiuia uueeo ieieuiiau
ueaooa iou iaeieuo uoao iauoi u i oeioooe auo a ooe u uuuo oaooaae uoa iuiuiaeu iioaeu uuiu eeu ea eouoiuo ua o.


Iiuiuaea ouea ieuuio o i iuo oiei uoeeou ieoau uaeeiu uouooa uiaiaue ii oo iei eiaiueoo iaoa euiaou uoia
uuei ua aoauia ieoae eioiaia eu uiueeiui ueuaiuo uaa eie oaeee uau ooieoi uoii oeuioei uouiiuu ioeiuoe eaeuoi.


Iueuouii  eei iueoie i iooououe eoio eeeuoeio u eu ee uueeo eiuoi iooeiu uuiei uiaeo oaaoo iuu uuue
auo au o ooueooii oueui aeeeau uoeoeee aeuaea aoeuoieeo aio aaiio iuouau e aouueuuie oiieae eioii oeeiu
uaeuueuu eeue ieu.





[/html]



[color=#008000]这一种是选用vml做圆角表格[/color]

[html]




选用vml做圆角表格














从一个月亮走向另一个月亮
























经常被超越,从未被模仿















































[/html]

分享:

扫一扫在手机阅读、分享本文

请发表您的评论