제휴 사이트 연결하기

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


소스

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

결과

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




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

'* Programming > HTML&CSS' 카테고리의 다른 글

[HTML/CSS] 반응형 웹 (모바일 환경&태블릿 환경&PC 환경)  (0) 2016.09.27
[HTML/CSS] 위치 변경하기  (1) 2016.09.26
[HTML/CSS] 숨김기능&선택지시자 (+와 ~의 차이)  (0) 2016.09.26
[HTML/CSS] 상단 이미지 고정하기  (0) 2016.09.22
[HTML/CSS] 테이블 만들기(지시자)  (0) 2016.09.22

+ Recent posts

티스토리툴바