컴

스타일리스트 색상

· 2017-02-27 (월) 23:54:30 · 1924

스타일리스트 색상

 

 

색상을 사용하여 목록을 스타일링하여 좀 더 재미있게 볼 수도 있습니다.

 

<ol> 또는 <ul> 태그에 추가 된 것은 전체 목록에 영향을 미치지 만 <li> 태그에 추가 된 속성은 개별 목록 항목에 영향을 미칩니다.

 

예

ol {

    background: #ff9999;

    padding: 20px;

}

 

ul {

    background: #3399ff;

    padding: 20px;

}

 

ol li {

    background: #ffe5e5;

    padding: 5px;

    margin-left: 35px;

}

 

ul li {

    background: #cce5ff;

    margin: 5px;

}

 

 

<!DOCTYPE html>

<html>

<head>

<style>

ol {

    background: #ff9999;

    padding: 20px;

}

 

ul {

    background: #3399ff;

    padding: 20px;

}

 

ol li {

    background: #ffe5e5;

    padding: 5px;

    margin-left: 35px;

}

 

ul li {

    background: #cce5ff;

    margin: 5px;

}

</style>

</head>

<body>

 

<h1>Styling Lists With Colors:</h1>

 

<ol>

  <li>Coffee</li>

  <li>Tea</li>

  <li>Coca Cola</li>

</ol>

 

<ul>

  <li>Coffee</li>

  <li>Tea</li>

  <li>Coca Cola</li>

</ul>

 

</body>

</html>


ebc295504648fc7c5da59c44d5bd6205_1488207261_1791.png

|
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리셔팁

1,282건

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
CSS 17-03-13 조회 2,873
CSS 17-03-13 조회 2,751
CSS 17-03-11 조회 2,218
CSS 17-03-11 조회 2,247
CSS 17-03-11 조회 2,484
CSS 17-03-09 조회 1,909
CSS 17-03-09 조회 2,551
CSS 17-03-09 조회 2,094
CSS 17-03-08 조회 2,526
CSS 17-03-08 조회 2,585
CSS 17-03-08 조회 2,572
CSS 17-02-28 조회 2,385
CSS 17-02-28 조회 2,119
CSS 17-02-28 조회 2,594
CSS 17-02-27 조회 1,925
CSS 17-02-27 조회 2,026
CSS 17-02-27 조회 2,134
CSS 17-02-26 조회 2,749
CSS 17-02-26 조회 2,820
CSS 17-02-26 조회 2,195
CSS 17-02-25 조회 2,656
CSS 17-02-25 조회 2,223
CSS 17-02-25 조회 2,263
CSS 17-02-24 조회 2,168
CSS 17-02-24 조회 1,883
CSS 17-02-24 조회 1,933
CSS 17-02-21 조회 3,454
CSS 17-02-21 조회 2,453
CSS 17-02-21 조회 2,054
CSS 17-02-20 조회 2,484