css Advanced - Link Buttons 고급 - 링크 버튼

컴프

· 8년 전 · 조회 1808 1808

이 예제는 몇 가지 CSS 속성을 결합하여 링크를 상자 / 버튼으로 표시하는 고급 예제를 보여줍니다.

a:link, a:visited {

background-color: #f44336;

color: white;

padding: 14px 25px;

text-align: center;

text-decoration: none;

display: inline-block;

}

a:hover, a:active {

background-color: red;

}

<!DOCTYPE html>

<html>

<head>

<style>

a:link, a:visited {

background-color: #f44336;

color: white;

padding: 14px 25px;

text-align: center;

text-decoration: none;

display: inline-block;

}

a:hover, a:active {

background-color: red;

}

</style>

</head>

<body>

</body>

</html>

댓글을 작성하시려면 로그인이 필요합니다.

번호	제목	글쓴이	조회	날짜
3056	CSS Word Spacing 단어 간격	컴프	1,894	8년 전
3055	CSS Text Direction 텍스트 방향	컴프	1,985	8년 전
3054	CSS Line Height 라인 높이	컴프	1,997	8년 전
3051	CSS Letter Spacing 글자 간격 1	컴프	2,914	8년 전
3050	CSS Text Indentation 텍스트 들여 쓰기	컴프	1,946	8년 전
3049	CSS 텍스트 변환 Text Transformation	컴프	2,008	8년 전
3046	CSS 텍스트 방향 Text Direction	컴프	1,982	8년 전
3045	CSS 라인 높이 Line Height	컴프	1,853	8년 전
3044	HTML 글자 간격 Letter Spacing	컴프	2,278	8년 전
3043	CSS text-indent	컴프	2,215	8년 전
3042	CSS text-transform	컴프	2,046	8년 전
3041	CSS text-decoration	컴프	2,305	8년 전
3040	CSS Text Alignment	컴프	2,042	8년 전
3039	CSS Text Color	컴프	1,826	8년 전
3038	CSS Outline - Shorthand property	컴프	1,952	8년 전
3034	CSS Outline Width	컴프	2,178	8년 전
3033	CSS Outline Color	컴프	2,052	8년 전
3032	CSS CSS Outline	컴프	2,489	8년 전
3027	CSS CSS Box Model	컴프	2,468	8년 전
3026	CSS Setting max-width	컴프	2,042	8년 전
3025	CSS CSS Height and Width	컴프	1,666	8년 전
3024	CSS CSS Padding	컴프	2,312	8년 전
3023	CSS CSS Margins	컴프	1,991	8년 전
3022	CSS CSS Border Properties	컴프	2,613	8년 전
3021	CSS CSS Syntax and Selectors	컴프	1,974	8년 전
3020	HTML The HTML <audio> Element	컴프	2,053	8년 전
3019	HTML HTML <video> 요소 1	컴프	2,523	8년 전
3018	HTML html google map	컴프	2,610	8년 전
3017	HTML SVG와 캔버스의 차이점	컴프	3,717	8년 전
3016	HTML SVG Logo	컴프	2,154	8년 전

이전 다음

11 12 13 14 15

전체 목록