CSS selector(CSS 선택자).04

Dana·2021년 11월 3일
CSSselector코딩공부
0

HTML/CSS

목록 보기
8/14
post-thumbnail

가상 요소 선택자

<!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>가상 요소 선택자</title>
    <style>
        /* -content라 cm단위 생략. content 입력하면 뒤에 cm 붙는다. */
        p::after {
             -content: 'cm'
        }
       /* 앞에 !! 붙는다. */
        p::before {
            content: '!!'
        }
    </style>
</head>
<body>
    <p>10</p>
</body>
</html>
profile
Dana
웹개발
이전 포스트

CSS selector(CSS 선택자).05

다음 포스트

CSS Grid 연습

0개의 댓글