1、新建HTML文件。
2、创建HTML标签和内容。
3、预览效果如图。
4、设置右边框的颜色border-right-color:#30C。
5、预览效果如图。
6、设置右边框的颜色border-right-color:rgb(204,0,102)。
7、预览效果如图。
1、打开html编辑器,新建一html文件,写入基本的html结构,然后创建一个基本的input标签:
2、下面给input标签一个class属性,class命名为inpBtn,然后在style标签中设置inpBtn的样式,设置input标签的长度和宽度以及背景颜色,然后设置边框并给它一个颜色,最后用border-radius属性设置弧度:
4、保存文件,来到浏览器中,即可观察到input的样式。以上就是用css改变button的边框颜色并设置弧度的过程:
button{
border-style:solid;
border-width:1px;
border-color:#388BFF;
/*border:1px;*//*不要设置border*/
}
.button{border-color:你想要的颜色}
button 各个浏览器现实的不一样,你最好用图片(做背景)代替