테스트 사이트 - 개발 중인 베타 버전입니다
SIR

CSS 버튼

수다왕
프로필 보기이 회원 글보기
 · 8년 전 · 2074

CSS 버튼


기본 버튼 스타일


예

.button {

    background-color: #4CAF50; /* Green */

    border: none;

    color: white;

    padding: 15px 32px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 16px;

}


[전체소스]

<!DOCTYPE html>

<html>

<head>

<style>

.button {

    background-color: #4CAF50;

    border: none;

    color: white;

    padding: 15px 32px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 16px;

    margin: 4px 2px;

    cursor: pointer;

}

</style>

</head>

<body>


<h2>CSS Buttons</h2>


<button>Default Button</button>

<a href="#" class="button">Link Button</a>

<button class="button">Button</button>

<input type="button" class="button" value="Input Button">


</body>

</html>


목록
이전글 다음글

댓글 작성

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

로그인하기

게시글 목록

번호 제목
3056
CSS Word Spacing 단어 간격
3055
CSS Text Direction 텍스트 방향
3054
CSS Line Height 라인 높이
3051
CSS Letter Spacing 글자 간격 1
3050
CSS Text Indentation 텍스트 들여 쓰기
3049
CSS 텍스트 변환 Text Transformation
3046
CSS 텍스트 방향 Text Direction
3045
CSS 라인 높이 Line Height
3044
HTML 글자 간격 Letter Spacing
3043
CSS text-indent
3042
CSS text-transform
3041
CSS text-decoration
3040
CSS Text Alignment
3039
CSS Text Color
3038
CSS Outline - Shorthand property
3034
CSS Outline Width
3033
CSS Outline Color
3032
CSS CSS Outline
3027
CSS CSS Box Model
3026
CSS Setting max-width
3025
CSS CSS Height and Width
3024
CSS CSS Padding
3023
CSS CSS Margins
3022
CSS CSS Border Properties
3021
CSS CSS Syntax and Selectors
3020
HTML The HTML <audio> Element
3019
HTML HTML <video> 요소 1
3018
HTML html google map
3017
HTML SVG와 캔버스의 차이점
3016
HTML SVG Logo
이전 다음
전체 목록