<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8" /> | |
<title></title> | |
<style> | |
body{ | |
margin: 0; | |
padding: 0; | |
} | |
#demo{ | |
/*border: 1px solid #000000;*/ | |
width: 100%; | |
height: 200px; | |
background-color: dodgerblue; | |
} | |
img{ | |
display: block; | |
width: 200px; | |
margin: -90px auto 0px; | |
border-radius: 50%; | |
border: 8px solid #ffffff; | |
} | |
#bottom{ | |
position: fixed; | |
bottom: 0; | |
} | |
button{ | |
border: 1px solid #1E90FF; | |
width: 100px; | |
height: 40px; | |
color: #FFFFFF; | |
background-color: #1E90FF; | |
border-radius: 10px; | |
</style> | |
</head> | |
<body> | |
<div id="demo"> | |
</div> | |
<img src="img/tx.jpg" /> | |
<button>点击登录</button> | |
</body> | |
</html> | |
圆角边框
最新推荐文章于 2019-11-21 15:34:03 发布