在css中,可以通过对div的边框、背景、文字颜色的设置来制作一个好看的按钮。下面怅屹岖噤小编举例讲解css如何使用div制作一个好看的按钮。
工具/原料
css+html
代码编辑器:zendstudio10.0
方法/步骤
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文件,查看实现的效果。