제휴 사이트 연결하기
예시로 네이버/다음/서울시청/현재 블로그 사이트를 들 것이다.
소스
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 |