Before doing the project, the basic is to cut the rounded background picture into three pieces, so each use of the label is super, a label always contains three span, and then the inside also have to put buttons, navigation redundant tags very much.
The fact is that the essence of the sliding door that was previously understood is not enough.
Now there are two ways.
Effect Show:Http://runjs.cn/detail/evk8nkc8
Upload the two pictures you want to use first.
Btnbg.png Bg.png
<!doctype Html>"Utf-8"><title> Sliding door </title><style>*{margin:0; Padding0;}. btn{height:25px; Background:url (bg.png) Right top no-repeat;float: Left; Padding-right:10px;text-decoration:none; Margin03px;}. BTN Span{line-height:23px; height:25px; Background:url (bg.png) left top no-repeat;float: Left; Cursor:pointer; Color: #76381B; Font-weight:bold; padding-left:10px;}. Btn_02{margin-Top:6px;display:block;}. Btn_02 Span{display:block;}. btn_02. left{width:3px; height:24px; float: Left; Background:url (btnbg.png) No-repeat0-1px;}. btn_02. right{height:24px; float: Left; Background:url (btnbg.png) No-repeat Right-25px;}</style>"#" class="btn"><span> Asda's point is very </span></a> <a href="#" class="btn_02"><spanclass=" Left"></span><spanclass=" Right"> Asda's point is very </span></a></body>CSS sliding door making fillet button