<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>CSS</title>
<style>
* {
font-family: Consolas, monospace;
font-size: 24px;
}
p:before {
content: "Hello World";
margin-right: 20px;
font-weight: bold;
color: cornflowerblue;
}
</style>
</head>
<body>
<p>Lorem ipsum dolor</p>
</body>
</html>
p 요소 앞에 Hello World를 추가한다.
https://www.codingfactory.net/10527
CSS / content / 요소 앞 또는 뒤에 텍스트, 이미지 등 콘텐트 추가하기
content content 속성은 선택한 요소의 앞이나 뒤에 텍스트, 이미지 등을 추가한다. 예를 들어 p 요소 앞에 콘텐트를 넣으려면 다음과 같이 하고 p:before { content: xxx; } 뒤에 넣으려면 다음과 같이 한다.
www.codingfactory.net
'웹 개발 강의 자료 (비공개) > css' 카테고리의 다른 글
| 사파리에서 폰트 CSS 안먹는 경우 (0) | 2023.08.22 |
|---|
