지난시간에이어서 HTML5&CSS3공부하기에는 글자색과 배경색 예제를 올리도록하겠습니다.
조금..조금 업그레이드된... 예제로..? ㅋㅋㅋ아닐 수도 있겠지만.. 다들 한번 해보세요 ^-^
<html>
<head>
<title></title>
</head>
<body>
<p>안녕하세요.오라클자바교육학원입니다. 초보자를 위한 실습위주의 기본교육, 실무중심의 SKILL UP교육, 실무경력자 중심의 강사진, 교육에 대한 철저한 사전/사후 관리 시스템을 가지고 늘 학생 및 개발자 여러분들 곁에 있겠습니다. 기본기를 충실히하여 프로그래머를 지원하는 학생 및 개발자 여러분들 곁에 있겠습니다.</p>
<p> 웹표준 퍼블리셔 실무과정[중급] 평일저녁반</p>
<p> 시간 19:00 ~ 22:00 월~금 수업</p>
<p> 근로자 직업능력개발카드 적용가능/ 사업주위탁훈련으로 신청가능</p>
</body>
</html>
결과값입니다.
CSS를 적용하기 전이기 때문에 글만 있죠 ^-^
그럼 이젠 CSS를 적용해보겠습니다.
<html>
<head>
<title></title>
<style type="text/css">
p:first-letter{font-size:250%; color:green;}
p:first-child{background:orange;}
p:first-line{color:blue; font-size:150%}
</style>
</head>
<body>
<p>안녕하세요.오라클자바교육학원입니다. 초보자를 위한 실습위주의 기본교육, 실무중심의 SKILL UP교육, 실무경력자 중심의 강사진,교육에 대한 철저한 사전/사후 관리 시스템을 가지고 늘 학생 및 개발자 여러분들 곁에 있겠습니다. 기본기를 충실히하여 프로그래머를 지원하는 학생 및 개발자 여러분들 곁에 있겠습니다.</p>
<p> 웹표준 퍼블리셔 실무과정[중급] 평일저녁반</p>
<p> 시간 19:00 ~ 22:00 월~금 수업</p>
<p> 근로자 직업능력개발카드 적용가능/ 사업주위탁훈련으로 신청가능</p>
</body>
</html>
결과값입니다.
먼저 사이즈를 줄였을때 !!!
사이즈를 조금 늘렸을때!!!
비교해서 보세요 ^-^
저는 title을 정해주지 않았지만 HTML공부하시는 분들을 타이틀도 달아보세요 ^-^
글자색과 배경색 공부2탄!!!
점점 재밌어지지않나요?!! ㅋㅋㅋ나만...그런가아아아..
다음글에서 또만납시다!!! >< 열공 !!! 파이팅!
'웹표준 > HTML5 & CSS3' 카테고리의 다른 글
| HTML&CSS공부하기 [글자태그복습] (0) | 2015.03.10 |
|---|---|
| html&css공부하기 (1) | 2015.03.09 |
| HTML5&CSS3 공부하기 글자색과배경색 (0) | 2015.02.25 |
| HTML5&CSS3공부하기 (0) | 2015.02.24 |
| HTML5공부하기_ input type (0) | 2014.11.06 |