html+css3自定义button样式

收藏

原生的按钮有点丑,为此需要改装一下样式,达到适应页面或者美化的作用。

下面的连接是用input做按钮和button做按钮的区别,有兴趣的可以看看。

  

.btn {
 
    background-image:url("button/btnbg.png");
    border: none;
    color: white;
    font-family:Arial;
    padding: 10px 24px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 4px 2px;
    cursor: pointer;
 
}


这里的样式也不是很复杂,就是圆角、去掉原来的边框、做效果过度等。

评论(0条)

请登录后评论