티스토리 뷰

💼 정보 ver1.0

버튼(div + css)

James Wetzel 2013. 1. 8. 18:50
728x90
반응형
css
 <style type="text/css">
        .buttonDefault
        {      
            font:normal 12px Dotum;      
            text-align:center; 
            border:1px solid rgba(0,0,0,0.5); 
            color: White;             
            padding: 6px 20px 6px 20px;
            cursor:pointer;
            background-color: #00a0b1; 
            /*from: 위 색상, to: 아래 색상, color-stop: 가운데 색상
            background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF), color-stop(.5,#D3D3D3));
       background-image: -moz-linear-gradient(top, #6699CC, #6699CC, #003366 90%);*/
        }
        .buttonDefaultPoint
        {   
            font:normal 12px Dotum;
            text-align:center; 
            border:1px solid rgba(0,0,0,0.5); 
            color: White; 
            padding: 6px 20px 6px 20px;
            cursor:pointer;            
            background-color: rgb(0, 97, 115);
            /*from: 위 색상, to: 아래 색상, color-stop: 가운데 색상
            background-image: -webkit-gradient(linear, left top, left bottom, from(#6699CC), to(#6699CC), color-stop(.5,#3366CC));
       background-image: -moz-linear-gradient(top, #6699CC, #6699CC, #003366 90%);*/
        }        
    </style>

html
<div style="text-align:right;">
    <span class="buttonDefault">글 작성</span>
    <input type="submit" value="글 등록" class="buttonDefaultPoint" />
    <input type="button" value="취소" class="buttonDefault" onclick="window.location='<%: Url.Action("List") %>'" />        
</div>


728x90
반응형