> 웹 프론트엔드 > CSS 튜토리얼 > li 태그에는 어떤 속성이 있나요? CSS의 li 태그 속성에 대한 자세한 설명

li 태그에는 어떤 속성이 있나요? CSS의 li 태그 속성에 대한 자세한 설명

云罗郡主
풀어 주다: 2018-11-07 14:19:21
원래의
22603명이 탐색했습니다.

html에서 우리는 li 태그를 자주 접하는데, li 태그의 속성은 무엇인가요? CSS에서 li 태그의 속성을 살펴보겠습니다.

1: 태그의 속성은 무엇입니까?

HTML에서는 CSS의 li 태그를 사용하여 많은 웹사이트가 점으로 시작하고 일부 웹사이트는 이미지로 시작합니다. li는 html에서 가장 기본적인 속성입니다. li 태그는 순서가 지정된 목록과 순서가 지정된 목록에 사용됩니다. 예:

<ol> 
<li>php1</li> 
<li>php2</li> 
</ol> 
 
<ul> 
<li>php3</li> 
<li>php4</li> 
</ul>
로그인 후 복사

효과는 다음과 같습니다.

li 태그에는 어떤 속성이 있나요? CSS의 li 태그 속성에 대한 자세한 설명

위 코드에서 기본 순서와 순서를 볼 수 있습니다. sum of li Unordered, ol은 순서대로 배열되어 있고, 순서가 없는 ul은 작은 점들로 배열되어 있습니다. 현재 모든 브라우저는 li과 호환됩니다. [추천 자료: javaScript가 Li 요소를 동적으로 추가합니다]

II: CSS에서 li 태그의 속성에 대한 자세한 설명

우리는 원하는 효과를 얻기 위해 li에 속성을 추가하는 경우가 많습니다. let 요소를 가로로 정렬하면 요소를 왼쪽으로 정렬하거나 목록에 색상을 추가할 수도 있습니다. 예:

ul{
    width:100%;
}
li{
    float:left;
}
로그인 후 복사

위 코드를 사용하면 요소를 가로로 정렬할 수 있습니다. 다른 효과를 원할 경우 코드를 직접 수정하면 됩니다.

위의 li 태그의 속성은 무엇인가요? CSS의 li 태그 속성에 대한 자세한 소개입니다. CSS3 Tutorial에 대해 더 알고 싶다면 PHP 중국어 웹사이트를 참고하세요.


위 내용은 li 태그에는 어떤 속성이 있나요? CSS의 li 태그 속성에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿