Corner table defined in CSS style

Source: Internet
Author: User

<HTML>

<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = gb2312">
<Title> webpage special effects | jscode. cn | --- corner table defined in CSS style </title>

</Head>

<Style type = "text/CSS">
Body {padding: 20px; Background-color: # FFF;
Font: 100.01% "trebuchet ms", 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 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>
</Head>
<Body>
<Div id = "nifty">
<B class = "rtop"> <B class = "R1"> </B> <B class = "R2"> </B> <B class = "R3"> </B> <B class = "r4"> </B>
<H1> nifty corners <P> auiiui uieiouo auuaa oiaue uaou iioiou uiio A Io ieeoai uaouoe uoiaau eeauauou U oiauuie eo ui. </P>
<H2> rounded corners without images </H2>
<P> 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 UUO oaooaae uoa iuiuiaeu iioaeu uuiu eeu EA eouoiuo UA O. </P>
<P> 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. </P>
<P> iueuouii EEI iueoie I iooououe eoio eeeuoeio U EU EE uueeo eiuoi iooeiu uuiei uiaeo oaaoo IUU uuuue
Auo au o ooueooii oueui aeeeau uoeoeee aeuaea aoeuoieeo AIO aaiio iuouau e aoueuuie oiieae eioii oeeiu
Uaeuueuu eeue ieu. </P>
<B class = "rbottom"> <B class = "r4"> </B> <B class = "R3"> </B> <B class = "R2"> </B> <B class = "R1"> </B>
</Div>

</Body>

</Html>

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.