<!DOCTYPE html>
<html>
<head>
<!--배경화면 노랗게-->
<style>
body{
background-color: yellow;
}
</style>
</head>
<body>
<h1>My Home Page </h1>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<!--글꼴 설정-->
<style>
body{
font-family: courier;
}
</style>
</head>
<body>
<h1>My Home Page </h1>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<!-- 글자색 변경 -->
<style>
body{
color: red;
}
</style>
</head>
<body>
<h1>My Home Page </h1>
</body>
</html>
Use CSS to make a yellow, 1 pixel thick, border around all paragraphs.
<!DOCTYPE html>
<html>
<head>
<!--테두리-->
<style>
p{
border: 1px solid yellow;
}
</style>
</head>
<body>
<p>This is a paragraph</p>
<p>This is a paragraph</p>
<p>This is a paragraph</p>
</body>
</html>
Use the correct HTML to make the text below into a link to "default.html"
<a href="default.html">Visit our HTML tutorial.</a>
Use CSS to remove the underline from the link.
<a href="html_images.asp" style="text-decoration:none;">
Images</a>
Use the correct HTML attribute to make the link open in a new window.
<a href="html_images.asp" target="_blank">
HTML Images</a>
'WEB > CSS' 카테고리의 다른 글
| 의사클래스 , 결합자, 의사요소 (0) | 2021.04.21 |
|---|---|
| Selector(선택자) (0) | 2021.04.18 |
| CSS 개요 (0) | 2021.04.18 |
| CSS 이론: 선택자 심화학습 (0) | 2021.04.06 |
| CSS 이론 : 기본 문법 (0) | 2021.04.06 |
