CSS 기본 튜토리얼 목록 및 테두리 속성

CSS 목록 속성

글머리 기호나 숫자 앞의 다양한 기호는 스타일을 변경할 수 없으므로 일반적으로 사용하지 않습니다. 그들을.

list-style: 목록 스타일, 값: 없음. 글머리 기호나 숫자 앞의 다양한 기호를 제거합니다.

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
    <style type="text/css">
        ul,li{list-style:none;}/*去掉前面的符号*/
    </style>
    </head>
    <body>
        <ul>
            <li>HTML+CSS</li>
            <li>JavaScript</li>
            <li>MySQL</li>
            <li>PHP</li>
        </ul>
    </body>
</html>

CSS 테두리 속성: 각 요소에는 테두리가 있을 수 있습니다.

border-left : 왼쪽 경계선.

형식: 테두리-왼쪽: 두께 선 스타일 선 색상
선 스타일: 없음(무선) , 실선(실선), 점선(점선), 점선(점선)
예: border-left: 5px dashed red

border-right: 오른쪽 경계선.
border-top: 위쪽 테두리선.
border-bottom: 아래쪽 테두리선.
border: 네 면에 동시에 테두리를 추가합니다.

아아앙

지속적인 학습

새로운 파일

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <style type="text/css"> ul,li{list-style:none;}/*去掉前面的符号*/ </style> </head> <body> <ul> <li>HTML+CSS</li> <li>JavaScript</li> <li>MySQL</li> <li>PHP</li> </ul> </body> </html>

제출하다 코드 재설정

자동운전