效果截图：
Html页：
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>渐变椭圆按钮</title>
</head>
<body>
<div class="btn">
<input type="button" value="按钮" onclick="butClick();" />
</div>
</body>
</html>
css样式：
<style type="text/css">
body {
background: #f6f6f6;
}
.btn {
width: 150px;
height: 35px;
display: inline-block;
padding: 2px;
border-radius: 35px;
vertical-align: middle;
background: #e3164e;
background: linear-gradient(268deg,#e3164e,#7f1ba7,#841c39,#e993e7,#d27228);
&nb
最低0.47元/天 解锁文章
扫一扫
854
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
