XML -

xml_css3.xml

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="xml_css3.css"?>
<main>
    <title>RFID &amp; 자바 반 공지사항</title>
    <date>2008년 5월 8일</date>
    <content>
        <item>1. XML기술을 익히자</item>
        <item>2. 초빙강사 : 최고의 강사 오강사</item>
        <item>3. 지각하면 벌금 수천만원</item>
        <item>4. 결석하면 주거?</item>
    </content>
</main>

xml_css3.css

main{
    border:double;
    font-size:10pt;
    width:50%;
    position:absolute;
    margin-left:30%;
    margin-top:10%
}
title{
    line-height:200%;
    width:100%;
    font-family:굴림;
    font-size:15pt;
    text-align:center
}
date{
    font-size:13pt;
    display:block;
    border:solid 1px;
    border-left:none;
    border-right:none;
    border-top:none
}
item{
    font-size:12pt;
    color:#757575;
    display:block;
    border:solid 1px;
    border-left:none;
    border-right:none;
    border-top:none;
    padding-left:40px
}

xml_css4.xml

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="xml_css4.css"?>
<root>
    <personal id="A100">
        <item>네이버</item>
        <img/>       
    </personal>
    <personal id="A200">
        <item>네이버 버튼</item>
        <img/>       
    </personal>
   
</root>

xml_css4.css

root{
    border:solid 1px
}
personal{
    display:inline-table;
    border:inset;
    width:300px;
    height:200px;
    position:relative;
    margin:2%;
    padding-left:10px;
    padding-top:20px;
    background-color:lightsteelblue
}
img{
    width:85;
    height:25;
    position:absolute;
    top:60%;
    left:60%;
    border:solid 1px blue
}

#A100 img{background-image:url(naver.gif)}
#A200 img{background-image:url(naver2.gif)}