CSS에서 텍스트 앞의 점을 제거하는 방법

CSS에서 텍스트 앞의 점을 제거하는 방법: 1. 해당 페이지에서 머리 부분을 찾아 "ul li{list-style:none;}"으로 코드를 작성합니다. 2. li와 사이에 "list-"를 추가합니다. ul 스타일".

이 문서의 운영 환경: Windows 7 시스템, Dell G3 컴퓨터, HTML5&&CSS3 버전.

추천: "css 비디오 튜토리얼"

많은 사람들이 div를 사용하여 웹 사이트를 만들 때 항상 li와 ul을 사용하지만 효과를 표시할 때는 항상 그 앞에 작은 검은 점이 있어서 많은 사람들이 만듭니다. 사람들 두통이 있지만 원인을 찾을 수 없다면 다음 방법을 사용하여 두통을 해결할 수 있습니다.

CSS를 사용하여 텍스트 앞의 점을 제거하는 방법:

해당 CSS를 찾아 .li 및 .ul 아래에 list-sytle:none을 작성합니다. 물론 일부 사람들은 다음과 같이 list-style-type:none을 작성할 것입니다. , 이 작성 방법은 특히 일부 CMS에서 가장 일반적입니다.

구현:

1. 해당 페이지의 헤드 부분을 찾아 다음 코드를 작성합니다

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

2. li 및 ul에 목록 스타일을 추가합니다.

<ul style="list-style-type:none><li><a herf="http://blog.csdn.net/business122">HTML中文网</a></li>< /ul>

물론 이것은 매우 번거로운 작업입니다.

가장 간단한 것은 CSS를 통해 제어되는 첫 번째 것입니다. 물론 좋은 효과가 있습니다.

이러한 메소드는 모두 list-style:none을 설정하여 설정됩니다. 일부는 list-style-type을 사용합니다. 해당 속성을 살펴보겠습니다.

• none은 글머리 기호를 사용하지 않습니다.

• 디스크 단색 원, 기본값 ”

• lower-alpha 소문자 영어 letter

• upper-alpha 대문자 영문자

• 이것들은 모두 위의 없음을 대체하는 데 사용할 수 있으며 원하는 것에 해당하는 대응이 있을 것입니다.

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