'스타일 적용으로 웹페이지 꾸미기'에 해당되는 글 1건

HTML과 CSS 코드예시] 스타일 적용으로 웹페이지 꾸미기

Color Scripter로   https://colorscripter.com/   에서 적용하여 삽입하였습니다.

스타일을 적용하지 않은 예시

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html>
<head>
    <title>스타일 없는 웹 페이지</title>
</head>
<body>
<h3>CSS 스타일 맛보기</h3>
<hr>
<p>나는 <span>웹 프로그래밍</span>을 좋아합니다.</p>
</body>
</html>
 
cs

 

 css스타일을 적용한 예시

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
<head>
    <title>스타일 없는 웹 페이지</title>
    <style>
        /*CSS 스타일 시트 작성*/
        body{background-color: mistyrose;}
        h3 {color : purple;}
        hr {border : 5px solid yellowgreen;}
        span{color: blue;font-size : 20px;}
    </style>
</head>
<body>
<h3>CSS 스타일 맛보기</h3>
<hr>
<p>나는 <span>웹 프로그래밍</span>을 좋아합니다.</p>
</body>
</html>
 
 
 
cs

 

 

위의 코드가 칼라로 들어갈 수있게 한 것은

Color Scripter로   https://colorscripter.com/   에서 적용하여 삽입하였습니다.

               

 

 

 

 

 

 

 

 

 

 

 

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,