Tip: you can modify some code before running
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <ptml> <pead> <title>Css rounded rectangle</title> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="zh-CN" /> <style type="text/css">Body {padding: 20px; background-color: # FFF; font: 14px, Verdana, Arial, sans-serif} h1, h2, p {margin: 0 10px} h1 {font-size: 250%; color: # FFF} h2 {font-size: 200%; color: # f0f0f0} p {padding-bottom: 1em} h2 {padding-top: 0.3em} div # nifty {margin: 0 30px; background: # 9BD1FA ;}. text {margin: 5px; background: # 9BD1FA; padding-left: 20px} 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> </pead> <body> <div id="nifty"> <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b> <div class=text> <p>Csscss rounded rectangle</p> <br /> <p>Test</p> <p>No image</p> <br /> <p>Corner frame without image implementation</p> </div> <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b> </div> </body> </ptml>
Tip: you can modify some code before running
