스타일리스트 색상

스타일리스트 색상

 

 

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

 

<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 9년 전 조회 2,732
CSS 9년 전 조회 2,605
CSS 9년 전 조회 2,070
CSS 9년 전 조회 2,108
CSS 9년 전 조회 2,331
CSS 9년 전 조회 1,765
CSS 9년 전 조회 2,423
CSS 9년 전 조회 1,951
CSS 9년 전 조회 2,392
CSS 9년 전 조회 2,437
CSS 9년 전 조회 2,421
CSS 9년 전 조회 2,246
CSS 9년 전 조회 1,981
CSS 9년 전 조회 2,462
CSS 9년 전 조회 1,796
CSS 9년 전 조회 1,885
CSS 9년 전 조회 1,989
CSS 9년 전 조회 2,614
CSS 9년 전 조회 2,675
CSS 9년 전 조회 2,048
CSS 9년 전 조회 2,526
CSS 9년 전 조회 2,075
CSS 9년 전 조회 2,114
CSS 9년 전 조회 2,023
CSS 9년 전 조회 1,733
CSS 9년 전 조회 1,782
CSS 9년 전 조회 3,313
CSS 9년 전 조회 2,315
CSS 9년 전 조회 1,924
CSS 9년 전 조회 2,352