如何实现一个网页按钮

网页按钮在网页开发中经常用到,而这个看似简单,使用却非常平凡的按钮,我们是不是想到了各种各样的实现方式呢?


方法1:

.btn{width: 100px; height: 30px; line-height: 30px; border: solid thin #eee; text-align: center;}

<div class="btn">按钮一</div>


效果图
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 各种纯css图标 CSS3可以实现很多漂亮的图形,我收集了32种图形,在下面列出。直接用CSS3画出这些图形,要比...
    剑残阅读 9,644评论 0 8
  • 1.长方形 #Rectangle{ width: 200px; height: 50px; background-...
    一直以来都很好阅读 516评论 0 0
  • 5.椭圆 #ellipse{ width: 200px; height: 100px; background-co...
    小茶叶叶阅读 2,107评论 0 1
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 3,195评论 0 11
  • 新年都末有芳华,二月初惊见草芽。白雪却嫌春色晚,故穿庭树做飞花。韩愈老先生的咏春诗歌就象是为今天飘雪花的格尔木所写...
    征海阅读 384评论 2 1