Front End 강의내용
124강. ::first-letter, ::first-line, ::selector 적용
Waller
2019. 2. 13. 00:32
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p{
padding: 20px;
background: tomato;
color: #fff;
}
p::first-letter{
font-size: 4em;
}
p::first-line{
color: blue;
}
/* 첫번째 줄만 적용, 스크린 크기 바꿔도 첫번째 줄만 적용*/
::selection{
background-color: #fff;
color: tomato;
}
/* 글 드래그하면 적용*/
</style>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis quidem rerum quaerat. Asperiores explicabo, accusantium obcaecati velit ipsum unde, repudiandae, corporis dignissimos ipsam sequi voluptatem esse placeat, provident id atque!</p>
</body>
</html>