>  기사  >  웹 프론트엔드  >  HTML의 ul 태그에서 점을 제거하는 방법은 무엇입니까? HTML 정렬되지 않은 목록의 스타일 예제 분석

HTML의 ul 태그에서 점을 제거하는 방법은 무엇입니까? HTML 정렬되지 않은 목록의 스타일 예제 분석

寻∝梦
寻∝梦원래의
2018-08-31 13:35:0840383검색

이 글에서는 주로 HTML에서 ul 태그 의 기본 점을 취소하는 방법에 대해 설명하고, HTML에서 순서가 지정되지 않은 목록 ul 태그의 스타일에 대해서도 설명합니다. ul 태그의 type 속성 이제 이 글을 함께 읽어볼까요

우선, 이 글의 시작 부분에서 HTML에서 ul 태그의 점을 제거하는 방법을 소개하겠습니다: #🎜🎜 #

모든 사람은 ul 정렬되지 않은 목록 태그를 사용해야 합니다. ul 태그를 대신 사용할 수 있는 경우가 많으므로 기분이 좋습니다. 하지만 때로는 점으로 대체하는 것이 그다지 유용하지 않다고 느낄 때도 있습니다. 이때 우리는 보통 점을 어떻게 없애야 할지, 아니면 다른 스타일로 바꿔야 할지 고민합니다. 오늘 기사에서는 해당 점을 제거하는 방법에 대해 주로 설명하고 나중에 이를 다른 스타일로 변경하여 표시하는 방법에 대해서도 설명하겠습니다. (자세한 내용을 보고 싶으시면 PHP 중국어 홈페이지로 오세요

HTML 학습 강좌가 있습니다)

이제 제거 방법에 대해 이야기해 보겠습니다. 우리는 완전한 코드 예제를 사용하여 ul 태그를 보여줍니다:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<ul>
  <li>php中文网</li>
  <li>百度百科</li>
  <li>腾讯课堂</li>
</ul>
</body>
</html>

이것은 기본 ul 정렬되지 않은 목록 응용 프로그램이며 표시 효과는 아래와 같습니다:

#🎜🎜 ##🎜🎜 #

이 사진은 맞춤형 작은 점들로 가득 차 있습니다. 많은 경우 작은 점들을 사용하는 것도 가능하지만 작은 점들을 제거하려면 어떻게 해야 할까요? 내가 어떻게 그것을 달성했는지 봅시다. HTML의 ul 태그에서 점을 제거하는 방법은 무엇입니까? HTML 정렬되지 않은 목록의 스타일 예제 분석

전체 ul 태그 코드에 대한 또 다른 시연을 보여주세요:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
<style type=""text/css>
ul{
list-style: none;
}
</style>
</head>
<body>
<ul>
  <li>php中文网</li>
  <li>百度百科</li>
  <li>腾讯课堂</li>
</ul>
</body>
</html>
이전 코드와 비교하여 이 코드는 CSS 스타일 파일만 추가합니다. , 약간의 CSS 스타일을 사용하면 ul 순서가 지정되지 않은 목록의 스타일을 변경할 수 있습니다. CSS 스타일을 모르는 사람도 있지만 이렇게 간단한 스타일만 기억하면 작성 방법을 알면 ul 태그의 기본 지점을 없앨 수 있습니다.

해석하면 다음과 같습니다.

이런 작은 점이 더 이상 없다는 게 사실인가요? 예를 들어 탐색 표시줄과 같은 응용 프로그램에 적합한 경우가 많으며 그 후 작은 점을 제거해야 합니다. HTML의 ul 태그에서 점을 제거하는 방법은 무엇입니까? HTML 정렬되지 않은 목록의 스타일 예제 분석

2. 이제 ul 태그를 다른 스타일로 변경하는 방법(예: 작은 점을 사각형 모양으로 변경하는 방법)에 대해 이야기하겠습니다. 계속해서

여기서 ul 태그의 type 속성에 대해 이야기하고 있습니다. 이 속성은 순서가 지정된 목록 ol 태그에서도 사용할 수 있지만 속성의 값은 다음과 같습니다. 다르다. 이제 ul 태그에 type 태그를 적용하는 방법을 살펴보겠습니다.

ul 태그의 예도 있습니다:

<ul type="square">
  <li>php中文网</li>
  <li>百度百科</li>
  <li>腾讯课堂</li>
</ul>
on Figure type="square" 이것은 무엇을 의미합니까? 렌더링을 살펴보겠습니다:

위 사진을 보면 조금 작지만 확실히 예전과 달라진 것이 확실합니다. 원래의 작은 점으로 이제 사각형에 검은 점이 생겼습니다. 이것은 스타일 중 하나입니다. HTML의 ul 태그에서 점을 제거하는 방법은 무엇입니까? HTML 정렬되지 않은 목록의 스타일 예제 분석

type=”circle”의 의미도 먼저 렌더링을 살펴보겠습니다. # 🎜🎜#

위 그림과 같이 이제 속이 빈 원이 됩니다. HTML ul 태그와 속성으로 구성된 세 가지 스타일입니다. (작은 원을 결합한 스타일도 있습니다. type="

disc"를 사용하여 다시 변경됨) 많은 사람들이 CSS 스타일 시트를 사용하여 레이블 스타일을 지정하기 시작했지만 여전히 많은 사람들이 스타일을 구현하기 위해 순수한 HTML 태그를 사용하는 것을 좋아합니다. 그리고 저는 항상 HTML 태그 스타일을 사용하고 CSS 스타일을 거의 사용하지 않습니다. 때로는 태그 스타일이 사용하기 쉽지 않을 때 CSS 스타일을 대신 사용합니다. HTML의 ul 태그에서 점을 제거하는 방법은 무엇입니까? HTML 정렬되지 않은 목록의 스타일 예제 분석

좋아, 이것이 ul 태그에 관한 이 글의 내용이다. 질문이 있으시면 아래에 메시지를 남겨주세요.

【에디터 추천】

html5의 메타태그 3요소는 무엇인가요? 메타 태그 사용 요약

html 선택 드롭다운 상자 스타일을 만드는 방법은 무엇입니까? HTML 선택 스타일에 대한 자세한 설명

위 내용은 HTML의 ul 태그에서 점을 제거하는 방법은 무엇입니까? HTML 정렬되지 않은 목록의 스타일 예제 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.