taojy123 · June 17, 2020 10:12
diff --git a/button.html b/button.html
 <!DOCTYPE html>
 <html>
 <head>
    <style type="text/css">
        .botton-container{
            position: absolute;
            left: 50%;
            top: 45%;
            transform: translate(-50%);
        }
        .button{
            display: inline-block;
            text-align: center;
            text-decoration:none;
            width: 100px;
            padding: 10px 0;
            font-size: 16px;
            line-height: 1;
            border-radius: 20px;
        }
        .blue {
            background-color: #ecf5ff;
            color: #419dff;
        }
        .blue:hover {
            background-color: #419dff;
            color: #fff;
        }
        .green {
            background-color: #f0f9ea;
            color: #66c23a;
        }
        .green:hover {
            background-color: #66c23a;
            color: #fff;
        }
    </style>
 </head>
 <body>
    <div class="botton-container">
        <a class="button blue" href="#">生成预览</a >
        <a class="button green" href="#">正式发送</a >
    </div>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<style type="text/css">
	.botton-container{
	position: absolute;
	left: 50%;
	top: 45%;
	transform: translate(-50%);
	}
	.button{
	display: inline-block;
	text-align: center;
	text-decoration:none;
	width: 100px;
	padding: 10px 0;
	font-size: 16px;
	line-height: 1;
	border-radius: 20px;
	}
	.blue {
	background-color: #ecf5ff;
	color: #419dff;
	}
	.blue:hover {
	background-color: #419dff;
	color: #fff;
	}
	.green {
	background-color: #f0f9ea;
	color: #66c23a;
	}
	.green:hover {
	background-color: #66c23a;
	color: #fff;
	}
	</style>
	</head>
	<body>
	<div class="botton-container">
	<a class="button blue" href="#">生成预览</a >
	<a class="button green" href="#">正式发送</a >
	</div>
	</body>
	</html>