목차
접기
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS기초-15(속성선택자-7)</title>
<style>
ul {
list-style-type: circle;
}
a {
font-size: 14px;
color: blue;
text-decoration: none;
}
/* w3라는 값이 포함이 되어 있다면, 링크 텍스트에만 별도로 스타일을 적용시킨다. */
[href *= "w3"] {
background-color: blue;
color: white;
}
</style>
</head>
<body>
<h2>HTML5 참고 사이트</h2>
<p>(아래 링크 중에 파란색 배경의 링크는 W3C사이트로 연결됩니다.</p>
<ul>
<li><a href="http://www.w3c.org/TR/html" >HTML 표준안 사이트</a></li>
<li><a href="http://www.webplatform.org" >튜토리얼과 아티클</a></li>
<li><a href="http://www.caniuse.com" >HTML 지원 여부 체크</a></li>
</ul>
</body>
</html>728x90
반응형
LIST
'HTML, CSS' 카테고리의 다른 글
| table 하위 선택자 사용법 (0) | 2021.06.03 |
|---|---|
| 가장 인접한 형제 찾아서 CSS 적용시키기 (0) | 2021.06.02 |
| '$= 선택자 사용방법'과 파일 다운로드 받을 수 있게 하는 방법 (0) | 2021.06.02 |
| 틸드 선택자를 사용해서 css 적용하는 방법(원하는 클래스명과 일치하는 요소 찾기/클래스명 포함하는 요소 찾기 등) (0) | 2021.06.02 |
| a(앵커)태그에 이미지 삽입하는 방법 (배경으로) (0) | 2021.06.02 |