记录一下,好记性不如烂笔头,高手都是新手过来的,加油久伴
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset=“utf-8”>
- <title></title>
- <style type=“text/css”>
- /*这个样式控制这个div在浏览器居中*/
- .jiuba {
- position: absolute;/*绝对定位*/
- left: 50%;
- margin-left: –50px;
- }
- .jiuba a {
- display: inline–block;/*将A标签转换为行内块元素横排*/
- width: 100px;
- height: 28px;
- color:#ffffff;
- border: 1px solid #ccc;/*边框线的粗细和颜色*/
- line-height: 28px;/*水平居中作用*/
- text-align: center;/*文字垂直居中*/
- text-decoration: none;/*去掉下划线*/
- background-color:#4876FF;
- border-radius: 50px;/*圆角,px等于宽度一半*/
- }
- /*鼠标移动上去a标签的颜色*/
- .jiuba a:hover {
- color: red;
- }
- </style>
- </head>
- <body>
- <div class=“jiuba”>
- <a href=“#”>软件下载</a>
- <a href=“#”>软件下载</a>
- </div>
- </body>
- </html>
