简洁提示框、对话框的CSS示例 | IT圈子,ITBBB.COM

简洁提示框、对话框的CSS示例

2014/09 15 10:09

alert_demo

<span>◆</span> </div> <div class=”content”> <h1>箭头向上</h1> <a <p>欢迎访问www.itbbb.com</p> </div> </div>

关键的CSS,小箭头的特殊处理

.tip .tips_arrow.lt em { color: black; }

.tip .tips_arrow.lt span { color: white; top: 1px;/*产生遮挡关系*/ }

.tip .tips_arrow.lb em { color: black; top: 1px;/*产生遮挡关系*/ } .tip .tips_arrow.lb span { color: white; } /*left-top*/ .tip .lt { top:

-11px; left: 20px;/*如果你想调整箭头位置*/ }

/*left-bottom*/ .tip .lb { bottom: 10px; left: 20px;/*如果你想调整箭头位置*/ }

对于其它样式,都很粗俗浅显,请同学们自己研究查看。 来自北北的拙劣整理



--转载请注明: IT圈子,ITBBB.COM » 简洁提示框、对话框的CSS示例



无觅相关文章插件,快速提升流量