css如何定义button

html-css017

css如何定义button,第1张

给按钮添加css样式有以下三种方法:

1,直接在元素上定义style,如下:

<input type="button" style="这里定义样式">

2,页面中内嵌样式,如下:

<style>

    .btn{需要添加的样式}

</style>

<input type="button" class="btn">

3,外部引用css文件,如下:

<link rel="stylesheet" type="text/css" href="这里是css文件的路径">

jsp页面中button的样式是通过css样式控制的,把css引入jsp的方法如下:

<link rel="stylesheet" type="text/css" href="/server/oa/public/css/style.css">jsp页面的引用,html是直接写在页面的

type="button" class="m_input_2em bule" 改成type="button" class="m_input_2em"会有效果,加上bule就不行了。

这是因为如果有空格的话.m_input_2em .blue它表示的是父样式(不管几级父节点,只要它外面包含有m_input_2em样式)为m_input_2em的名为blue的class样式,就是说这个class名为blue,它应用的范围是父类标签含有m_input_2em。

<input class="anniu" type="button" name="Submit" value="提交">

<style>

.anniu{这里写你需要设置的属性}

</style>

不冲突哇,你需要用CLASS,你可以多写几个啊

<input class="anniu yangshi kongzhi" type="button" name="Submit" value="提交">

注意anniu yangshi kongzhi没?也就是class可以几个并存的

<style>

.anniu{这里写你需要设置的属性}

.yangshi {这里写你需要设置的属性}

.kongzhi{这里写你需要设置的属性}

</style>