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

스타일리스트 색상

· 8년 전 · 1565

스타일리스트 색상

 

 

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

 

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




댓글 작성

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

로그인하기

게시글 목록

번호 제목
3087
3086
3085
3084
3083
3082
3081
3080
3079
3078
3077
3076
3075
3074
3073
3072
3071
3070
3069
3068
3067
3065
3064
3063
3062
3061
3060
3059
3058
3057