스타일리스트 색상

스타일리스트 색상

 

 

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

 

<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

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

퍼블리셔팁

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

+
분류 제목 글쓴이 날짜 조회
CSS 8년 전 조회 2,682
CSS 8년 전 조회 2,550
CSS 8년 전 조회 1,993
CSS 8년 전 조회 2,032
CSS 8년 전 조회 2,276
CSS 8년 전 조회 1,701
CSS 8년 전 조회 2,362
CSS 8년 전 조회 1,903
CSS 8년 전 조회 2,340
CSS 8년 전 조회 2,366
CSS 8년 전 조회 2,382
CSS 8년 전 조회 2,190
CSS 8년 전 조회 1,934
CSS 8년 전 조회 2,393
CSS 8년 전 조회 1,747
CSS 8년 전 조회 1,830
CSS 8년 전 조회 1,922
CSS 8년 전 조회 2,558
CSS 8년 전 조회 2,626
CSS 8년 전 조회 1,993
CSS 8년 전 조회 2,474
CSS 8년 전 조회 2,003
CSS 8년 전 조회 2,063
CSS 9년 전 조회 1,944
CSS 9년 전 조회 1,684
CSS 9년 전 조회 1,732
CSS 9년 전 조회 3,256
CSS 9년 전 조회 2,254
CSS 9년 전 조회 1,867
CSS 9년 전 조회 2,310