您的位置：首页 > Web前端 > HTML5

html5--6-47 阶段练习2-渐变按钮

2017-12-10 16:04 387 查看

html5--6-47 阶段练习2-渐变按钮

实例 

1 <!DOCTYPE html>
2 <html lang="zh-cn">
3 <head>
4     <meta charset="UTF-8">
5     <title>6-47课堂演示</title>
6     <link rel="stylesheet" type="text/css" href="style.css">
7 </head>
8 <body>
9     <div>
10         <input type="button" value="渐变按钮" class="but1">
11         <input type="button" value="渐变按钮" class="but1 but2">
12         <input type="button" value="渐变按钮" class="but1 but2 but3">
13     </div>
14 </body>
15 </html>


View Code

学习要点

运用所学过的知识完成一个简单的小练习，加深对渐变的理解。

本案例仅是提供一个渐变在按钮中应用的思路，具体的按钮样式需要根据页面风格调整，并根据需要进一步美化添加其他样式
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航