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

CSS의 요소 유형 선택기

<시간/>

CSS 요소 유형 선택기는 유형의 모든 요소를 ​​선택하는 데 사용됩니다. CSS 요소 유형 선택자의 구문은 다음과 같습니다.

구문

element {
   /*declarations*/
}

예시

다음 예는 CSS 요소 유형 선택기를 보여줍니다.

<!DOCTYPE html>
<html>
<head>
<style>
li {
   list-style: none;
   margin: 5px;
   border-bottom-style: dotted;
}
div {
   box-shadow: inset 0 0 8px plum;
   padding: 36px;
}
</style>
</head>
<body>
<div>
<pre> \(╪)(╪) /</pre>
<ul>
<li></li>
<li></li>
</ul>
</div>
</body>
</html>

출력

이것은 다음 출력을 제공합니다 -

CSS의 요소 유형 선택기

예시

<!DOCTYPE html>
<html>
<head>
<style>
li {
   text-align: center;
   list-style: none;
   margin: 5px;
   padding: 5px;
   box-shadow: inset 0 0 15px yellowgreen;
}
div {
   box-shadow: inset 0 0 8px orange;
   padding: 36px;
   width: 30%;
   border-radius: 50%;
}
</style>
</head>
<body>
<div>
<ul>
<li>Hello</li>
<li>Guys</li>
</ul>
</div>
</body>
</html>

출력

이것은 다음 출력을 제공합니다 -

CSS의 요소 유형 선택기