HTML에서 ul 및 li 태그의 점을 제거하는 방법

HTML의 ul 및 li 태그에서 점을 제거하려면 다음 단계를 수행할 수 있습니다. CSS 스타일 list-type none: ul, li { list-style-type: none }; 의사 요소 및 콘텐츠 속성 사용: li { position:relative; 1em }, li:before { content: ""; top: 0.2em; height : 0.

HTML에서 ul 및 li 태그의 점을 제거하는 방법

HTML에서 ul(순서가 없는 목록) 및 li(목록 항목) 태그는 일반적으로 작은 둥근 점을 표시로 표시합니다. . 이러한 점을 제거해야 하는 경우 CSS 스타일시트를 사용할 수 있습니다.

방법:

1. 목록 스타일 유형 없음 사용:

   <code class="css">ul, li {
     list-style-type: none;
   }</code>

2. 의사 요소 및 콘텐츠 속성 앞에 사용:

   <code class="css">li {
     position: relative;
     padding-left: 1em;
   }
   
   li:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0.2em;
     width: 0.5em;
     height: 0.5em;
     background-color: #000;
     border-radius: 50%;
   }</code>

사용 예:

<code class="html"><ul>
  <li>项目 1</li>
  <li>项目 2</li>
  <li>项目 3</li>
</ul></code>

<code class="css">ul, li {
  list-style-type: none;  // 使用列表样式类型 none
}</code>

효과 :

둥근 점이 제거되고 일반 텍스트 콘텐츠가 포함된 순서 없는 목록이 생성됩니다.

참고:

• 위에 제공된 솔루션은 Firefox, Chrome, Safari와 같은 최신 브라우저에서만 작동합니다.
• Internet Explorer와 같은 구형 브라우저의 경우 동일한 효과를 얻으려면 추가 핵이나 JavaScript가 필요할 수 있습니다.

위 내용은 HTML에서 ul 및 li 태그의 점을 제거하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!