WEB/CSS

[CSS] ch01-02. 리스트 스타일 (list style)

밍글링글링 2017. 8. 22.
728x90

02_inherit.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>요안도라</title>
<style>
     @import "../css/02_inherit.css";
</style>
</head>
<body>
    <section>
        <h2>예약 방법 및 요금</h2>
        <p>요안도라 예약의 가장 빠른 방법은?</p>
        <ul>
            <li>예약 방법
                <ul>
                    <li>직접 통화</li>
                    <li>문자 남기기</li>
                </ul>
            </li>
            <li>요금
                <ul>
                    <li>1인 : 40,000원</li>
                    <li>2인 : 60,000원</li>
                    <li>3인 : 80,000원</li>
                    <li>4인 : 100,000원</li>
                    <li>4인 이상일 경우 상의해 주세요.</li>
                </ul>
            </li>
        </ul>
    </section>
</body>
</html>

 

02_inherit.css

@CHARSET "UTF-8";
ul{
    color: blue;
    list-style: square;
}
 

728x90

'WEB > CSS' 카테고리의 다른 글

[CSS] ch01-06. descendant  (0) 2017.08.22
[CSS] ch01-05. ID  (0) 2017.08.22
[CSS] ch01-04.Class (클래스)  (0) 2017.08.22
[CSS] ch01-03. 각종 태그 (tag)  (0) 2017.08.22
[CSS] ch01-01. 폰트 컬러, 배경 컬러  (0) 2017.08.22

댓글