在css中,主要通过border属性的设置,实现去掉边框。以代码编辑器:zend studio 10.0为例,可参考以下步骤去掉button(按钮)的边框:
1、新建一个html文件,命名为test.html,用于讲解。
2、在test.html文件内,使用button标签创建一个按钮,用于测试。
3、在test.html文件内,给button按钮添加一个id属性,用于样式的设置。
4、在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。
5、在css标签中,通过id设置button的样式,定义其背景颜色为蓝色,文字颜色为白色,最后,将border属性设置为none,实现去掉button的边框。
6、在浏览器打开test.html文件,查看实现的效果。
给按钮添加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文件的路径">
<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>