HTML5와 CSS 공부하기
... CSS기초적인 예제입니다. ^-^
<html>
<head>
<title>HTML CSS공부하기</title>
</head>
<body>
<h1 class="logo">IT개발자스터디공간
<h1 class="study">ORACLE JAVA STUDY
<h1 class="html">HTML공부하기
<h1 class="css">CSS공부하기
<h2><a href="http://www.oraclejava.co.kr">오라클자바오프라인공부하기</a></h2>
</body>
</html>
스타일을 적용하기전 결과값입니다.
CSS를 적용해보도록 하겠습니다. ^-^
<html>
<head>
<title>HTML CSS공부하기</title>
<style type="text/css">
h1.logo{color:red;}
h1.study{color:orange;}
h1.html{color:green;}
h1.css{color:blue;}
a:hover{color:pink;}
a:active{color:violet;}
</style>
</head>
<body>
<h1 class="logo">IT개발자스터디공간
<h1 class="study">ORACLE JAVA STUDY
<h1 class="html">HTML공부하기
<h1 class="css">CSS공부하기
<h2><a href="http://www.oraclejava.co.kr">오라클자바오프라인공부하기</a></h2>
</body>
</html>
CSS (스타일)을 적용한 후 결과값입니다.
a:hover{color:pink;} 적용했을때의 결과값입니다..
a:hover{color:violet;}을 적용했을때의 결과값입니다.
나름...보라색인데... 보라인듯아닌듯..
하핫!!!!!! HTML CSS공부모두모두 파이팅!!!
'웹표준 > HTML5 & CSS3' 카테고리의 다른 글
| html&css공부하기 (1) | 2015.03.09 |
|---|---|
| HTML5&CSS3 공부하기 글자색과 배경색 2 (0) | 2015.03.02 |
| HTML5&CSS3 공부하기 글자색과배경색 (0) | 2015.02.25 |
| HTML5공부하기_ input type (0) | 2014.11.06 |
| HTML5공부하기1 문서구조 (0) | 2014.10.22 |