실습문제 4-6

WEB/TRAINNING 2017. 11. 4. 19:26 |

6. 아래와 같이 밑줄이 없는 초록색 링크를 만들고 마우스가 올라가면 밑줄과 더불어 violet 색으로 바뀌도록

HTML 페이지를 작성하라.




 




1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html>
<head>
    <title>링크 꾸미기</title>
</head>
<style>
    a
    {
        color : green;
        text-decoration:  none;
    }
    a:hover
    {
        color : violet;
        text-decoration : underline;
    }
</style>
<body>
    <h3>링크 꾸미기</h3>
초록색에 밑줄없는 링크. 마우스를 올리면 밑줄과 violet 색으로 변경
<hr>
<ul>
    <li><a href="http://www.naver.com" target="_blank">네이버 사이트</a>
    <li><a href="http://www.google.com" target="_blank">구글 사이트</a>
</ul>
    
 
</body>
</html>
cs
저작자표시 비영리 동일조건

'WEB > TRAINNING' 카테고리의 다른 글

실습문제 4-8  (0) 2017.11.04
실습문제 4-7  (0) 2017.11.04
실습문제 4-5  (0) 2017.11.04
실습문제 4-4  (0) 2017.11.04
실습문제 4-3  (0) 2017.11.04
Posted by 너래쟁이
:

티스토리툴바