Top
分享按钮

标签集

所有标签集元素都可以使用左侧导航的所有class类进行细节样式的调整

(1) 有间隔的标签

 
HTML代码:

<div class="dsure-tags dsure-bg-silver dsure-tags-box">
   <a href="#">标签文字</a>
   <a href="#">标签</a>
   <a href="#">标签集</a>
   <a href="#">标签文字</a>
   <a href="#">标签文字</a>
   <a href="#">标签</a>
   <a href="#">标签集</a>
   <a href="#">标签文字</a>
   <a href="#">标签文字</a>
   <a href="#">标签</a>
   <a href="#">标签集</a>
   <a href="#">标签文字</a>
   <a href="#">标签文字</a>
   <a href="#">标签</a>
   <a href="#">标签集</a>
   <a href="#">标签文字</a> 
   <a href="#">标签文字</a>
   <a href="#">标签文字</a>
   <a href="#">标签</a>
   <a href="#">标签集</a>
   <a href="#">标签文字</a>
   <a href="#">标签文字</a>
   <a href="#">标签</a>      
</div>
            

(2) 有间隔有自定义色彩的标签

其中形如.dsure-bg-???的样式是你要叠加的色彩,如果链接文字要白色,则叠加样式.f-c-white

 
HTML代码:

<div class="dsure-tags dsure-bg-blue f-c-white dsure-tags-box">
   <a href="#">标签文字</a>
   <a href="#">标签</a>
   <a href="#">标签集</a>
   <a href="#">标签文字</a>
   <a href="#">标签文字</a>
   <a href="#">标签</a>
   <a href="#">标签集</a>
   <a href="#">标签文字</a>
</div>
            

(3) 无间隔的标签

 
HTML代码:

<div class="dsure-tags dsure-bg-silver dsure-tags-box dsure-tags-nospace">
   <a href="#">标签文字</a>
   <a href="#">标签</a>
   <a href="#">标签集</a>
   <a href="#">标签文字</a>
   <a href="#">标签文字</a>
   <a href="#">标签</a>
   <a href="#">标签集</a>
   <a href="#">标签文字</a>
   <a href="#">标签文字</a>
   <a href="#">标签</a>
   <a href="#">标签集</a>
   <a href="#">标签文字</a>
   <a href="#">标签文字</a>
   <a href="#">标签</a>
   <a href="#">标签集</a>
   <a href="#">标签文字</a> 
   <a href="#">标签文字</a>
   <a href="#">标签文字</a>
   <a href="#">标签</a>
   <a href="#">标签集</a>
   <a href="#">标签文字</a>
   <a href="#">标签文字</a>
   <a href="#">标签</a>      
</div>
            

(4) 圆角标签

其中形如.dsure-radius-???的样式是你要叠加的圆角类型 (9.0以下IE浏览器无效果)

 
HTML代码:

<div class="dsure-tags dsure-bg-silver dsure-tags-box dsure-radius-medium2x">
   <a href="#">标签文字</a>
   <a href="#">标签</a>
   <a href="#">标签集</a>
   <a href="#">标签文字</a>
   <a href="#">标签文字</a>
   <a href="#">标签</a>
   <a href="#">标签集</a>
   <a href="#">标签文字</a>
   <a href="#">标签文字</a>
   <a href="#">标签</a>
   <a href="#">标签集</a>
   <a href="#">标签文字</a>
   <a href="#">标签文字</a>
   <a href="#">标签</a>
   <a href="#">标签集</a>
   <a href="#">标签文字</a> 
   <a href="#">标签文字</a>
   <a href="#">标签文字</a>
   <a href="#">标签</a>
   <a href="#">标签集</a>
   <a href="#">标签文字</a>
   <a href="#">标签文字</a>
   <a href="#">标签</a>      
</div>