博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
小三角1
阅读量:5232 次
发布时间:2019-06-14

本文共 2136 字,大约阅读时间需要 7 分钟。

向左的小三角提示框:

  <div class="SD-tipbox">

 

四个方向的小三角提示框:

关闭
 css代码:
em{
font-weight:normal;font-style:normal;}.SD-tipbox{
background-color: #FFFFE9; border: 1px solid #FFDE8E; padding: 5px 25px 5px 10px; margin:10px; position: absolute; z-index: 100; font-size:12px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:1px 1px 2px rgba(0,0,0,.2); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.2); box-shadow:1px 1px 2px rgba(0,0,0,.2);}.SD-tipbox .close-ico,.SD-notice-tip .close-ico {
position:absolute; top:5px; right:5px; display:block; width:16px; height:16px; background-image:url(http://css.sodao.com/home/img/close-ico.png); text-indent:-900px; overflow:hidden; }.SD-tipbox .close-ico:hover,.SD-notice-tip .close-ico:hover {
background-position:0 -16px; }.SD-tipbox p{
line-height:1.5;padding:0;margin:0; }.SD-tipbox .SD-tipbox-direction{
position: absolute; }.SD-tipbox .SD-tipbox-direction em,.SD-tipbox .SD-tipbox-direction span{
height: 19px; width: 17px; font-family: Simsun; font-size: 16px;line-height: 21px; overflow: hidden;position: absolute;}.SD-tipbox .SD-tipbox-direction em{
color: #FFDE8E; }.SD-tipbox .SD-tipbox-direction span{
color: #FFFFE9; }.SD-tipbox .SD-tipbox-up{
left: 50%; margin-left:-8px; top:-10px;*top:-11px; _top:-10px;}.SD-tipbox .SD-tipbox-up span{
top:1px}.SD-tipbox .SD-tipbox-down{
left: 50%; margin-left:-8px; bottom:9px; }.SD-tipbox .SD-tipbox-down span{
top:-1px}.SD-tipbox .SD-tipbox-right{
top: 50%; margin-top:-8px; right:7px; }.SD-tipbox .SD-tipbox-right span{
left:-1px}.SD-tipbox .SD-tipbox-left{
top: 50%; margin-top:-8px; left:-8px; }.SD-tipbox .SD-tipbox-left span{
left:1px}.SD-notice-tip {
width:200px; margin:0px;}.SD-notice-tip p{
line-height:22px }
 

转载于:https://www.cnblogs.com/cnsg/archive/2012/12/12/2814815.html

你可能感兴趣的文章
sql server系统表详细说明
查看>>
SQL Server 2008连接字符串写法大全
查看>>
sql server 使用链接服务器远程查询
查看>>
JavaScript中的继承
查看>>
MySQL简介
查看>>
设计模式之桥接模式(Bridge)
查看>>
jquery的$(document).ready()和onload的加载顺序
查看>>
Python Web框架Django (五)
查看>>
.net学习之继承、里氏替换原则LSP、虚方法、多态、抽象类、Equals方法、接口、装箱拆箱、字符串------(转)...
查看>>
【codevs1033】 蚯蚓的游戏问题
查看>>
【程序执行原理】
查看>>
第二次项目冲刺(Beta阶段)5.24
查看>>
python的多行注释
查看>>
连接Oracle需要jar包和javadoc文档的下载
查看>>
UVA 10976 - Fractions Again?!
查看>>
Dreamweaver cc新版本css单行显示
查看>>
【android】安卓的权限提示及版本相关
查看>>
JavaScript可否多线程? 深入理解JavaScript定时机制
查看>>
IOS基础学习
查看>>
PHP 导出 Excell
查看>>