Top

醒目牌

×
目录导航 气泡脚标 信息框

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

(1) 气泡提示脚标

气泡提示脚标是基于图片的。您可以自由发挥设计脚标图片

脚标气泡 4 
 
HTML代码:

<i class="dsure-tip-hot"><span class="dsure-tip-hot-inner">脚标气泡</span></i>
<i class="dsure-tip-hot"><span class="dsure-tip-hot-inner">4</span></i>

(2) 信息框

HI,我是成功、积极的提示框!

HI,我是常用的醒目框!

HI,我是常用的醒目框第二类!

HI,我是醒目的警告框!

HI,我是常用语内容中的块信息框! 

 
HTML代码:

<p class="dsure-tip-success">
   HI,我是成功、积极的提示框!
</p>  

<p class="dsure-tip">
   HI,我是常用的醒目框!
</p>     

<p class="dsure-tip-info">
   HI,我是常用的醒目框第二类!
</p>     

<p class="dsure-tip-alert">
   HI,我是醒目的警告框!
</p>  

<p class="dsure-tip-piece">
   HI,我是常用语内容中的块信息框!
</p>