테스트 사이트 - 개발 중인 베타 버전입니다

스타일리스트 색상

· 8년 전 · 1569

스타일리스트 색상

 

 

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

 

<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>




댓글 작성

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

로그인하기

게시글 목록

번호 제목
2922
2921
2920
2919
2918
2917
2915
2914
2913
2912
2910
2909
2908
2907
2906
2905
2903
2902
2901
2900
2899
2897
2896
2895
2892
2891
2890
2889
2873
2866