html模仿淘宝按钮

liu.html

刘 - 锐客网

liu.css
*{ margin:0; padding:0; font-family:arial; color:#424242; } .nav{ list-style:none; } a{ text-decoration:none; } .nav .list-item{ float:left; margin:0 10px; height:30px; line-height:30px; } .nav::after{ content:""; display:block; clear:both; } .nav .list-item a{ color:#f40; padding:0 5px; font-weight:bold; display:inline-block; border-radius:15px; } .nav .list-item a:hover{ background-color:#f40; color:#fff; }

【html模仿淘宝按钮】html模仿淘宝按钮
文章图片

    推荐阅读