html+css3圆形修边按钮

1、新建html文档。

3、初始化css代码。<style>html { text-align: center; }body { margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; background-color: #FFF; background: url(images/bg.jpg); background-size: 100% 100%; }h1 p a { margin: 20px 0; font-size: 16px; color: #ccc; text-decoration: none; }hr { border: 1px solid #333; margin: 0 0 2.5em 0; }h1 p a:hover { color: #FFF; }</style>

5、代码整体结构。