登陆注册按钮的样式设计

QYHuiiQ

已于 2022-05-26 15:51:32 修改

阅读量7.6k

点赞数 1

分类专栏： java java学习文章标签：按钮

于 2018-09-01 13:17:04 首次发布

本文链接：https://blog.csdn.net/QYHuiiQ/article/details/82286044

版权

java学习同时被 2 个专栏收录

131 篇文章 0 订阅

订阅专栏

java

98 篇文章 1 订阅

订阅专栏

效果图：

今天发现<ul>标签中不仅可以放li标签，还可以放a标签。。。。。

css样式：

.header_login{
   width: 72px;
   height: 30px;
   line-height: 28px;
   text-align: center;
   text-decoration: none;
   color: #fff;
   font-size: 16px;
   margin: 0 12px 0 0;
   background: #202d40;
   border-radius: 2px;
   text-decoration: none;
}

.header_login:hover{
background: #76808e;
color: white;
}

.header_signup{
   width: 72px;
   height: 30px;
   line-height: 28px;
   text-align: center;
   text-decoration: none;
   color: #202d40;
   font-size: 16px;
   margin: 0 0 0;
   background: white;
   border-radius: 2px;
   text-decoration: none;
   border: 1px solid #202d40;
   margin-right: 15px;
   margin-left: 5px;
}

.header_signup:hover{
background: #76808e;
color: white;
}

.fr{
float: right;
display: inline;
}