CSS上傳按鈕樣式，把上傳按鈕做成這樣，要怎么寫樣式

首先用PHOTOSHOP做出你想要的樣式的圖片。具體代碼，我就把我以前寫的CSS樣式表發(fā)給你看看，僅供參考。 .btn1 {

成都創(chuàng)新互聯(lián)公司主營右江網(wǎng)站建設的網(wǎng)絡公司,主營網(wǎng)站建設方案,app軟件定制開發(fā),右江h(huán)5小程序開發(fā)搭建,右江網(wǎng)站營銷推廣歡迎右江等地區(qū)企業(yè)咨詢

height: 20px;

width: 60px;

background-image: url(img/search.jpg);

background-repeat: no-repeat;

background-position: center center;

background-color: transparent;

border-top-style: none;

border-right-style: none;

border-bottom-style: none;

border-left-style: none;

}你只需要把背景圖片更改成你的圖片就可以了（需要注意圖片文件和網(wǎng)頁文件保存的位置）。

如何用CSS修改提交按鈕樣式

非IE6瀏覽器，可以使用input:hover的偽類來控制樣式，但IE6瀏覽器只能用JS來實現(xiàn)了，需要設定兩個狀態(tài)，然后用JS切換類。

style

#c_button { width:92px; height:30px; border:0; float:left;}

.c_up{background:url(../images/i_login_btn.png) no-repeat 0 top;}

.c_down{background:url(../images/i_login_btn.png) no-repeat 0 bottom;}

/style

input name="" id="c_button" class="c_up" type="submit" value="" title="點擊登錄"/

script type="text/javascript"

document.getElementById("c_button").onmouseover=function() {this.className = "c_down";}

document.getElementById("c_button").onmouseout=function(){this.className = "c_up";}

/script

上傳圖片的按鈕能用css寫出自定義的樣式嗎

1.可以利用css的定位元素來實現(xiàn)。

style

.btn{position:?relative;overflow:?hidden;margin-right:?4px;display:inline-block;*display:inline;padding:4px?10px?4px;font-size:14px;line-height:18px;*line-height:20px;color:#fff;text-align:center;vertical-align:middle;cursor:pointer;background-color:#5bb75b;border:1px?solid?#cccccc;border-color:#e6e6e6?#e6e6e6?#bfbfbf;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}

.btn?input?{position:?absolute;top:?0;?right:?0;margin:?0;border:?solid?transparent;opacity:?0;filter:alpha(opacity=0);?cursor:?pointer;}

/style

div?id="up_btn"?class="btn"

span添加圖片/span

input?id="photoimg"?type="file"?name="photoimg"

/div