728x90
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
body{
color:green;
text-align:center;
}
h1{
color:#ff0000;
text-decoration:overline;
}
p{
color:rgb(0,0,255);
/*text-decoration:line-through;*/
}
p.upper{
text-transform:uppercase;
}
p.lower{
text-transform:lowercase;
}
p.cap{
text-transform:capitalize;
}
p.setif{
font-family:"Times New Roman";
font-style:italic;
font-size:1.5em;
color:green;
}
a{
text-decoration:none;
}
a:link{
color:#ff0000;
}
a:visited {
color:#000000;
}
a:hover {
color:rgb(0,0,255);
/*background-color:#0000ff;*/
text-decoration:underline;
}
a:active{
color:#ffffff;
background-color:black;
}
</style>
</head>
<body>
<h1>h1 tag</h1>
<p>์ฌ๊ธฐ๋ p tag ์
๋๋ค</p>
<p class="upper">Hello Css</p>
<p class="lower">Hello Css</p>
<p class="cap">hello css</p>
<p class="setif">Hello My World. welcome</p>
<a href="http://www.google.com">Google Home Page</a>
</body>
</html>
๊ฒฐ๊ณผ ->
'๐ HTML\CSS' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| Table์ CSS์ ์ฉ (0) | 2021.02.25 |
|---|---|
| List ์ CSS ์ ์ฉ, ์ด๋ฏธ์ง ์ถ๊ฐ (0) | 2021.02.25 |
| Body{} ๋ฐฐ๊ฒฝ์ ์๊ณผ ์ด๋ฏธ์ง ์ถ๊ฐ (0) | 2021.02.25 |
| External ๋ฐฉ์์ ์ด์ฉํ ์ธ๋ถ CSSํ์ผ ํธ์ถ (0) | 2021.02.25 |
| div์ด์ฉ internal๋ฐฉ์ ์ ์ฉ ์์ - 1 (0) | 2021.02.25 |
๋๊ธ