trafficLight.html
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="myCSS1.css">
</head>
<body>
<div id=black>
<div id=red></div>
<div id=yellow></div>
<div id=green></div>
</div>
</body>
</html>
trafficLight.css
@charset "EUC-KR";
#black {
background-color: black;
width: 120px;
height: 360px;
border-radius: 20px;
box-sizing: border-box;
padding-left: 10px;
padding-top: 15px;
}
#red {
background-color: red;
width: 100px;
height: 100px;
border-radius: 50px;
}
#yellow {
background-color: yellow;
width: 100px;
height: 100px;
border-radius: 50px;
margin-top: 15px;
}
#green {
background-color: green;
width: 100px;
height: 100px;
border-radius: 50px;
margin-top: 15px;
}'Programming > HTML' 카테고리의 다른 글
| Anchor 기능이 위치가 맞지 않는 경우 (0) | 2023.09.18 |
|---|---|
| CSS 파일 변경 후 브라우저에 반영 안될 때 (0) | 2020.10.12 |
| ol type 변경 (0) | 2020.02.19 |
| 내용 구분하는 화면 (0) | 2020.02.18 |
| 리스트 가리기 (details), 리스트 (0) | 2020.02.18 |
