* Programming/HTML&CSS

[HTML/CSS] 제휴 사이트 연결하기

고경a 2016. 9. 26. 15:29

제휴 사이트 연결하기

예시로 네이버/다음/서울시청/현재 블로그 사이트를 들 것이다.


소스

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <style>
        #content a:after{
            content: '-' attr(href);
        }
    </style>
</head>
<body>
    <div id="content">
        <p><a href="http://naver.com">네이버</a></p>
        <p><a href="http://daum.net">다음</a></p>
        <p><a href="http://www.seoul.go.kr/">서울시청</a></p>
        <p><a href="http://programacion.tistory.com/">블로그</a></p>
    </div>
</body>
</html>
cs

결과

버튼을 클릭하면 해당사이트로 넘어간다




저작자표시 비영리 변경금지