Question

半透明圆角边框层样式代码怎么写？

看到一个不错的点击弹出式层窗口。但不知代码怎么写。弄了好几次都达不到效果。请高手帮帮忙

Answer 1

圆角矩形的代码：（供你参考） <style type="text/css">
div#nifty{ margin: 0 10%;background: #9BD1FA}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
overflow: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
</style><div id="nifty">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<h1>Nifty Corners</h1>
<p>Auiiui uieiouo auuaa oiaue uaou iioiiou uiio a io ieeoai uaouoe uoiaau eeauauo</p><h2>Rounded corners without images</h2>
<p>Aaeao .</p>
<p>dfafdafa</p>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>
不过新出的css3.0 在Firefox3.0和3.5还有Chrome的1.0和2.0下支持圆角矩形的直接定义：border-radius ： none | <length>{1,4} [ / <length>{1,4} ]第一个值是水平半径。 如果第二个值省略，则它等于第一个值，这时这个角就是一个四分之一圆角。 如果任意一个值为0，则这个角是矩形，不会是圆的。 值不允许是负值。例子：<div style="border-width: 1px;border-style: solid;-moz-border-radius: 11px;-khtml-border-radius: 11px;-webkit-border-radius: 11px;border-radius: 11px;padding:5px;">在Firefox和Safari 3的浏览器里能看到圆角效果</div>

Answer 2

来看看