team
About DWR ScriptSession

RoundedCorner without picture

TLHL28 posted @ Sun, 13 Sep 2009 07:10:20 +0800 in 随笔 with tags 记录 , 1650 readers

mark.

I'am sorry that i forget where it is come from.

I just google it.

Follow are the code.RoundedCorner

<html>
    <head>
    <style type="text/css">
        div.RoundedCorner {
            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>
</head>

<body>
    <div class="RoundedCorner">
        <b class="rtop"> 
            <b class="r1"> </b>
            <b class="r2"></b>
            <b class="r3"></b>
            <b class="r4"></b>
        </b>
        <br> test test test test <br>
        <b class="rbottom">
            <b class="r4"> </b>
            <b class="r3"></b>
            <b class="r2"></b>
            <b class="r1"></b>
        </b>
    </div>
</body>
</html>

 

 

Avatar_small
TLHL28 said:
Fri, 18 Sep 2009 07:31:25 +0800

原来用jquery 的库,就很容易实现了。


Login *


loading captcha image...
(type the code from the image)
or Ctrl+Enter