목차
접기
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS기초-2</title>
<style>
ul {
color: blue;
list-style-type: square; /* 블릿의 형태를 변경하는 속성 */
/* padding: 0px; */
/* list-style-type: none; 블릿의 형태를 없애는 것 */
}
h1 {
border-bottom-style: dotted;
width: 210px;
}
img {
border: 5px solid greenyellow;
}
</style>
</head>
<body>
<img src="images/img.jpg" alt="스마일 여러개 이미지" style="width: 500px;">
<h1>세계 3대 미항</h1>
<ul>
<li>시드니(Sydney), 호주</li>
<li>리우데자네이루(Rio de Janeiro), 브라질</li>
<li>나폴리(Naples), 이탈리아</li>
</ul>
</body>
</html>728x90
반응형
LIST
'HTML, CSS' 카테고리의 다른 글
| 틸드 선택자를 사용해서 css 적용하는 방법(원하는 클래스명과 일치하는 요소 찾기/클래스명 포함하는 요소 찾기 등) (0) | 2021.06.02 |
|---|---|
| a(앵커)태그에 이미지 삽입하는 방법 (배경으로) (0) | 2021.06.02 |
| css 선택자 종류 / 기본 선택자 (0) | 2021.06.02 |
| div, span 분할태그 (0) | 2021.06.02 |
| fieldset, legend 태그 사용하기 / HTML5의 대표적인 공간 분할 태그(div, span) (0) | 2021.06.02 |