<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>색상 스타일 실습 1</title>
<style>
body{
background-color: greenyellow;
}
#head{
text-align: center;
}
#style{
width: 50%;
height: 300px;
border: 1px dashed black;
background-image: url('sample/image/iconsample.PNG');
background-repeat: repeat-y;
background-position: center center;
}
</style>
</head>
<body>
<!-- title -->
<h3 id="head">색상 스타일 실습1</h3>
<!-- image -->
<div id="style"></div>
</body>
</html>
더보기
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>12. 색상 스타일 실습1</title>
<style>
body {
background-color : yellowgreen;
}
#title {
text-align : center;
}
#img {
width : 50%;
height : 600px;
border : 3px dashed black;
background : white;
background-image : url('sample/image/iconsample.PNG');
background-repeat : repeat-y;
background-position:center center;
}
</style>
</head>
<body>
<h1 id="title">색상 스타일 실습1</h1>
<br>
<div id="img"></div>
</body>
</html>'KH 정보교육원 > CSS CLASS' 카테고리의 다른 글
| 14. 레이아웃 스타일 1 (0) | 2020.05.06 |
|---|---|
| 13_색상 스타일 연습 2 (0) | 2020.05.04 |
| 11_배경 스타일 2 (0) | 2020.05.04 |
| 10_배경 스타일 1 (0) | 2020.05.04 |
| 09_텍스트 스타일 실습 (0) | 2020.05.04 |