<!doctype html>
<html>
<head>
<!--声明当前页面的编码集:charset=gbk,gb2312(中文编码),utf-8(国际编码)-->
<meta charset="UTF-8"/>
<!--当前页面的三要素-->
<meta name="keywords" content="关键描述"/>
<meta name="Description" content=""/>
<title></title>
<style type="text/css">
*{margin:0px;padding:0px;}
.bady{font-size:16px;font-family:"微软雅黑";color:#000000;}
a{display:block;width:150px;height:40px;border:1px red solid;
background:#ff0033;color:#fff;margin:10px auto;font-size:18px;
border-radius:20px;text-align:center;line-height:40px;text-decoration:none;}
</style>
</head>
<body>
<h1>行内元素转块级元素</h1>
<h2>圆角边框</h2>
<a href="#">登录</a>
</body>
</html>
效果图: