본문 바로가기

Study/Programming

CSS

반응형
<html>
<head>
<title>Title</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<style type="text/css">
    p, div { color:#ff0000; }
    p.p1 { color:#ff00ff; font-size:16pt; font-weight:bold}
    p#p2 { color:#0000ff; }
</style>
</head>
<body>
<p class="p1">여기는 내용 글 입니다.</p>
<p id="p2">여기는 내용 글 입니다.</p>
<p>여기는 내용 글 입니다.</p>

<div class="p1">여기는 내용 글 입니다.</div>
<div>여기는 내용 글 입니다.</div>
<div>여기는 내용 글 입니다.</div>

</body>
</html>

<html>
<head>
<title>Title</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<style type="text/css">
    p, div { color:#ff0000; }
    p.p1 { color:#ff00ff; font-size:16pt; font-weight:bold}
    p#p2 { color:#0000ff; }

    a:link { color:green; text-decoration:none }
    a:hover { color:magenta}
    a:active { color:blue; text-decoration:underline }
    a:visited { text-decoration:overline }
   
</style>
</head>
<body>
<p class="p1">여기는 내용 글 입니다.</p>
<p id="p2">여기는 내용 글 입니다.</p>
<p><a href="http://www.naver.com">여기는 내용 글 입니다.</a></p>

<div class="p1">여기는 내용 글 입니다.</div>
<div>여기는 내용 글 입니다.</div>
<div>여기는 내용 글 입니다.</div>

</body>
</html>

<html>
<head>
<title>Title</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<style type="text/css">
    body {
        background-image:url('1.gif');
        background-repeat:no-repeat;
        background-position:450 100;
    }
    p {
        color:#ff0000;
        width:300;
        height:100;
        border-width:1px;
        border-color:#0000ff;
        border-style:dashed;z
       
    }
    p.p1 { color:#ff00ff; font-size:16pt; font-weight:bold; cursor:crosshair }
    p#p2 {
        color:#0000ff;

        border-width:2px;
        border-color:#0000ff;
        border-style:dashed;

        padding-top:30;
        padding-bottom:30;
        padding-left:30;
        padding-right:30;

        margin-top:50;
        margin-bottom:50;
        margin-left:50;
        margin-right:50;
    }

    a:link { color:green; text-decoration:none }
    a:hover { color:magenta}
    a:active { color:blue; text-decoration:underline }
    a:visited { text-decoration:overline }

</style>
</head>
<body>
<p class="p1">여기는 내용 글 입니다.</p>
<p id="p2">여기는 내용 글 입니다.</p>
<p><a href="http://www.naver.com">여기는 내용 글 입니다.</a></p>

<div class="p1">여기는 내용 글 입니다.</div>
<div>여기는 내용 글 입니다.</div>
<div>여기는 내용 글 입니다.</div>

</body>
</html>

<html>
<head>
<title>Title</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<style type="text/css">
    div {
        color:#ff0000;

        width:500;

        border-width:2px;
        border-color:#0000ff;
        border-style:solid;
       
        padding:10 10 10 10;
        margin: 5 5 5 5;
           
    }
</style>
</head>
<body>
<div>
CentOS is an Enterprise-class Linux Distribution derived from sources freely provided to the public by a prominent North American Enterprise Linux vendor. CentOS conforms fully with the upstream vendors redistribution policy and aims to be 100% binary compatible. (CentOS mainly changes packages to remove upstream vendor branding and artwork.)
</div>
<div>
CentOS is developed by a small but growing team of core developers.  In turn the core developers are supported by an active user community including system administrators, network administrators, enterprise users, managers, core Linux contributors and Linux enthusiasts from around the world.
CentOS has numerous advantages including: an active and growing user community, quickly rebuilt, tested, and QA'ed errata packages, an extensive mirror network, developers who are contactable and responsive reliable Enterprise Linux class distribution, multiple free support avenues including a wiki, IRC Chat, Email Lists, Forums,and a dynamic FAQ.
</div>
</body>
</html>

<html>
<head>
<title>Title</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<style type="text/css">
    div {
        color:#ff0000;

        width:500;

        line-height:1.5;
        letter-spacing:1.5;

        border-width:2px;
        border-color:#0000ff;
        border-style:solid;
       
        padding:10 10 10 10;
        margin: 5 5 5 5;
           
    }
</style>
</head>
<body>
<div>
CentOS is an Enterprise-class Linux Distribution derived from sources freely provided to the public by a prominent North American Enterprise Linux vendor. CentOS conforms fully with the upstream vendors redistribution policy and aims to be 100% binary compatible. (CentOS mainly changes packages to remove upstream vendor branding and artwork.)
</div>
<div>
CentOS is developed by a small but growing team of core developers.  In turn the core developers are supported by an active user community including system administrators, network administrators, enterprise users, managers, core Linux contributors and Linux enthusiasts from around the world.
CentOS has numerous advantages including: an active and growing user community, quickly rebuilt, tested, and QA'ed errata packages, an extensive mirror network, developers who are contactable and responsive reliable Enterprise Linux class distribution, multiple free support avenues including a wiki, IRC Chat, Email Lists, Forums,and a dynamic FAQ.
</div>
</body>
</html>

<html>
<head>
<title>Title</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<style type="text/css">
    #layer1 { position:absolute; top:0; left:0; width:500; visiblity:show; z-index:2; background-color:yellow;}
    #layer2 { position:absolute; top:50; left:50; width:500; visiblity:show; z-index:1; background-color:green;}

</style>
</head>
<body>
<div id="layer1">
CentOS is an Enterprise-class Linux Distribution derived from sources freely provided to the public by a prominent North American Enterprise Linux vendor. CentOS conforms fully with the upstream vendors redistribution policy and aims to be 100% binary compatible. (CentOS mainly changes packages to remove upstream vendor branding and artwork.)
</div>
<div id="layer2">
CentOS is developed by a small but growing team of core developers.  In turn the core developers are supported by an active user community including system administrators, network administrators, enterprise users, managers, core Linux contributors and Linux enthusiasts from around the world.
CentOS has numerous advantages including: an active and growing user community, quickly rebuilt, tested, and QA'ed errata packages, an extensive mirror network, developers who are contactable and responsive reliable Enterprise Linux class distribution, multiple free support avenues including a wiki, IRC Chat, Email Lists, Forums,and a dynamic FAQ.
</div>
</body>
</html>

<html>
<head>
<title> Test!! </title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<style type="text/css">
body{
    background-image:url('./1.gif');
    background-repeat:no-repeat;
    background-position:450 100;
}
div{
    color:gray;
    font-weight:bold;

    width:200;
    height:30;

    margin-top:50;   
    margin-left:50;
   
    padding:10 0 0 50;

    letter-spacing:1.5px;   

    border-width:2px;
    border-style:dashed;
    border-color:red;
}
p{
    color:black;
    font-size:12;
   
    width:100;
    height:50;
   
    border-width:1px;
    border-color:gray;
    border-style:dotted;

    margin-top:20;
    margin-left:100;

    padding:5 5 5 5;

}
</style>
</head>
<body>
<div>
고통과 번뇌의 시간
</div>
<p>I am a boy!!</p>
<p>You are a Girl!!</p>
<p>Yes~ Baby!</p>
</body>
</html>
반응형

'Study > Programming' 카테고리의 다른 글

자바스크립트 주민등록번호 체크  (1) 2009.05.14
자바스크립트 Java Script  (0) 2009.05.13
HTML2  (0) 2009.05.11
자바 주민등록번호 체크  (0) 2009.05.09
HTML  (0) 2009.05.08