본문 바로가기

javascript

Underlined Heading

[소스 보기]

<STYLE TYPE="text/css">

    P {

        textAlign:center; margin-left:20%; margin-right:20%;}    

    H4 {

        text-decoration:underline; color: green;}

    H5 {

        text-transform:uppercase; color: red;

        border-width:4pt; border-style:outset;

        background-color:yellow; padding: 4pt;

        border-color:red;}

    BLOCKQUOTE {

        color:blue; font-style:italic;

        line-height:1.5; text-indent:10%;}

    </STYLE>
</HEAD>
<BODY>
<H4>Underlined Heading 4</H4>

    <BLOCKQUOTE>

    This is a blockquote. It is usual for blockquotes to be indented, but
    the first line of this blockquote has an extra indent. Also the line
    height in this blockquote is bigger than you usually see in blockquotes.

    <h5>uppercase heading 5 with a border</H5>

    </BLOCKQUOTE>

    <P>This paragraph has a text alignment value of center. It also has
    large margins, so each line is not only centered but is also inset on
    both sides from the element that contains it, which in this case is the
    document.</P>