<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<style>
div{
width: 300px;
background-color: blue;
padding: 10px;
text-align: center;
border-style: solid; /* solid: 실선 */
border-color: orange;
border-width: 5px;
}
</style>
<body>
<div>사각형-1</div>
</body>
</html>'웹 프로그래밍 > CSS' 카테고리의 다른 글
| [CSS] 폰트 적용하기(폰트 다운로드 / 구글 폰트 사용 : link, import) (0) | 2020.06.15 |
|---|---|
| [CSS] 박스모델 심화(#id, .class, display, float, visibility, padding, margin, border, text-align 등) (0) | 2020.06.15 |
| [CSS] 박스모델 : margin, padding 차이점 (0) | 2020.06.12 |
| [CSS] 화면 겹치는 방법 position(static, absolute, relative, fixed), z-index 활용 (0) | 2020.06.12 |
| [CSS] CSS 적용 방법_2_(선택자 활용) (0) | 2020.06.12 |
