css怎么写按钮类

html-css034

css怎么写按钮类,第1张

你按钮上都没写class类怎么用.button来控制这个按钮的样式呢

你可以用 input[type="button"] {}来选择这个所有的<input type="button" >这些按钮

或者你还想用上面的那种写法,你可以这么改

<input type="button" class="button" name="caigou" id="caigou" value="采购" style="width:50pxheight:50px"/>

<input type="button" class="button" name="xiaoshou" id="xiaoshou" value="销售" />

给每个按钮加上一个button的类这样你就可以用 .button 来控制了

或则楼上的说法也可以,虽然有点烦,按钮的另一种写法是<button>销售</button>如果是这样写的话,就直接用 button{}来控制这个按钮的样式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>title>

<style type="text/css">

.box {

width: 100pxheight: 100pxposition: relative

}

.box a {

width: 100pxheight: 100pxdisplay: blockposition: absolutetop: 0left:0background: #ffffilter:alpha(opacity=0)/* IE */ opacity:0)/* FF */ 

}

.box a:hover {

width: 100pxheight: 100pxdisplay: blockbackground: url(111.jpg) no-repeat center centerfilter:alpha(opacity=100)opacity:1

}

CSS3代码

随着HTML5/CSS3技术日趋成熟,现如今被越来越多的网站广泛的运用。模板之家代码频道为大家收集整理最新的CSS3按钮代码,CSS3菜单代码,CSS3特效代码等供大家学习交流,好的代码是学习进步的基石同时也可以在项目中得以运用。