반응형
Q>
js class에 다양한 스타일을 추가해서 Javascript라는 글자를 꾸며봅시다.
A>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.js {
color: red;
font-family: 'Courier New', Courier, monospace;
font-style: italic;
font-weight: bold;
}
</style>
</head>
<body>
<h1><a href="index.html"></a></h1>
<h2 style="background-color: coral; color: powderblue;">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
Ex, impedit. Harum, deleniti, accusamus totam, architecto sed nostrum minus optio saepe beatae veritatis autem
fugit. Fuga officia rem et aspernatur velit?</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed minus nisi rerum asperiores libero, quos commodi
culpa error. <span class="js">Quo</span> minima autem non<span class="js">sit repellendus?</span> Cupiditate voluptatum distinctio placeat? Voluptates, quam?
A libero quod quisquam ad hic ex minima, magni earum temporibus ipsam maxime blanditiis cum quis nisi placeat
reprehenderit, alias autem nam modi omnis natus sunt aliquid! Consequuntur, ut iure!
Nam quod, qui vel repudiandae et ea facilis, voluptas consequuntur saepe voluptatem nobis quam? Laborum ratione
omnis doloremque aliquid! Animi labore, illo similique inventore consequatur sint deleniti minus corporis ullam.
Animi quas, nulla nesciunt numquam soluta ea laudantium sint accusamus vitae rerum sunt tempore, voluptate
cupiditate officia error voluptates unde iure, iusto nostrum sit ad? Aspernatur, consequatur? Adipisci, quod
rem.
</p>
</body>
</html>
https://www.boostcourse.org/cs124/
자바스크립트의 시작
부스트코스 무료 강의
www.boostcourse.org
반응형
'Python_WEB > JavaScript' 카테고리의 다른 글
| [부스트코스]웹과 Javascript 퀴즈 11 (0) | 2021.01.17 |
|---|---|
| [부스트코스]웹과 Javascript 퀴즈 10 (0) | 2021.01.17 |
| [부스트코스]웹과 Javascript 퀴즈 8 (0) | 2021.01.17 |
| [부스트코스]웹과 Javascript 퀴즈 7 (0) | 2021.01.17 |
| [부스트코스]웹과 Javascript 퀴즈 6 (0) | 2021.01.17 |
