在css中，可以通过对div的边框、背景、文字颜色的设置来制作一个好看的按钮。下面小编举例讲解css如何使用div制作一个好看的按钮。
方法/步骤
-
1
新建一个html文件，命名为test.html，用于讲解css如何使用div制作一个好看的按钮。
-
2
在test.html文件内，在div标签内标注“按钮”。
-
3
在test.html文件内，给div添加id属性，设置为mybtn。
-
4
在css标签内，通过id设置div的样式，定义它的宽度为100px，高度为30px，行高为30px(与高度一致，实现居中)。
-
5
在css标签内，再使用border-radius属性设置div为圆角，背景颜色为蓝色，文字颜色为白色，文字居中。
-
6
在浏览器打开test.html文件，查看实现的效果。
END
总结：
-
1
1、在div标签内标注“按钮”。
2、给div添加id属性，设置为mybtn。
3、在css标签内，通过id设置div的样式，定义它的宽度为100px，高度为30px，行高为30px(与高度一致，实现居中)。
4、在css标签内，再使用border-radius属性设置div为圆角，背景颜色为蓝色，文字颜色为白色，文字居中。
5、在浏览器打开test.html文件，查看实现的效果。
END
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部
文章评论