CSS Footer 테스트입니다.

The border-radius Property

This property is used to add rounded borders to an element:

중제목

대체해야할문자열

대체해야할문자열

대체해야할문자열

대체해야할문자열

대체해야할문자열-

태그

아래는 소스입니다.

<style>

p.normal {

    border: 2px solid black; 

    padding: 0.2cm 0.2cm;

    border-style: solid;

    border-left-width: 15px;

}

p.round1 {

    border: 2px solid red;

    padding: 0.5cm 0.5cm;

    border-radius: 5px;

}

p.round11 {

    border: 2px solid black;

    padding: 0.5cm 0.5cm;

    border-radius: 5px;

}

p.round2 {

    border: 2px solid black;

    border-radius: 8px;

    height: 100%;

}

p.round3 {

    border: 2px solid black;

    border-radius: 12px;

}

p.square1 {

    border-left: 6px solid blue;

    background-color: lightblue;

}

p.bottom1 {

    border-bottom: 1px solid red;

}

.footer {

    position: fixed;

    left: 0;

    bottom: 0;

    width: 100%;

    background-color: red;

    color: white;

    text-align: center;

}

</style>

<h2>The border-radius Property</h2>

<p>This property is used to add rounded borders to an element:</p>

<p class="normal">중제목</p>

<br />

<p class="round1">대체해야할문자열</p>

<br />

<p class="round11">대체해야할문자열</p>

<br />

<p class="round2">대체해야할문자열</p>

<br />

<p class="square1">대체해야할문자열</p>

<br />

<p class="bottom1">대체해야할문자열-</p>

<br />

<p class="round3">태그</p>

<div class="footer">

  <p>Footer</p>

<p><br /></p>

<p>내일신문 백재원 부장</p>

</div><p><br /></p>

보도자료, 홍보하실 내용 있으시면 보내주시기 바랍니다. 블로그 포스팅 해 드리겠습니다.

내일신문 백재원 부장

   

Footer

내일신문 백재원 부장