DIV 코딩 간단한 예제!!
로빈아빠
본문
<html>
<head>
<title></title>
<style type="text/css">
div {
display: inline;
float: left;
}
#test {
width: 300px;
}
#test .left {
width: 200px;
height: 20px;
}
#test .left1 {
background: #AAAAAA;
}
#test .left2 {
background: #CCCCCC;
}
#test .left3 {
background: #EEEEEE;
}
#test .rightLine3 {
float: right;
width: 100px;
height: 60px;
background: silver;
}
</style>
</head>
<body>
<div id = "test">
<div class = "rightLine3">우측</div>
<div class = "left left1">좌1</div>
<div class = "left left2">좌2</div>
<div class = "left left3">좌3</div>
</div>
</body>
</html>
<head>
<title></title>
<style type="text/css">
div {
display: inline;
float: left;
}
#test {
width: 300px;
}
#test .left {
width: 200px;
height: 20px;
}
#test .left1 {
background: #AAAAAA;
}
#test .left2 {
background: #CCCCCC;
}
#test .left3 {
background: #EEEEEE;
}
#test .rightLine3 {
float: right;
width: 100px;
height: 60px;
background: silver;
}
</style>
</head>
<body>
<div id = "test">
<div class = "rightLine3">우측</div>
<div class = "left left1">좌1</div>
<div class = "left left2">좌2</div>
<div class = "left left3">좌3</div>
</div>
</body>
</html>
관련링크
댓글목록
등록된 댓글이 없습니다.