Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

CSS를 사용하여 글머리 기호가 없는 경계 목록 만들기


글머리 기호 없이 테두리가 있는 목록을 만들려면 다음 코드를 실행해 보십시오. 목록 스타일 유형 없음 으로 설정되어 있습니다. 목록에서 글머리 기호를 제거하려면

예시

<!DOCTYPE html>
<html>
   <head>
      <style>
         ul {
            background-color: orange;
            padding: 10px 20px;
            list-style-type: none;
            border: 2px solid black;
         }
      </style>
   </head>
   <body>
      <p>Countries</p>
      <ul>
         <li>India</li>
         <li>US</li>
         <li>Australia</li>
      </ul>
   </body>
</html>

출력

CSS를 사용하여 글머리 기호가 없는 경계 목록 만들기