你的位置:首页 > 网页设计

[网页设计]CSS对话框特效 兼容性好

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS对话框</title>
<style type="text/css">
*{padding: 0;margin: 0;font-size: 12px;}
body{padding: 50px;}
.arrow{position: relative;width: 20px;height: 20px;margin: 0 0 0 15px;}
.arrow .arrow_border,.arrow .arrow_content{width: 0;height: 0;overflow: hidden;border-width: 10px;border-style: dashed dashed solid


dashed;}
.arrow .arrow_border{border-color: transparent transparent #CCCCCC transparent;}
.arrow .arrow_content{border-color: transparent transparent #EEEEEE transparent;position: absolute;top: 1px;}
.main{width: 400px;}
.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8{height: 1px;overflow: hidden;display: block;}
.b1,.b8{height: 0px;margin: 0 5px;}
.b1{border-bottom: #CCC solid 1px;}
.b8{border-top: #CCC solid 1px;}
.b2,.b3,.b4,.b5,.b6,.b7{border-left: #CCC solid 1px;border-right: #CCC solid 1px;}
.b2,.b7{margin: 0 3px;border-width: 2px;}
.b3,.b6{margin: 0 2px;}
.b4,.b5{margin: 0 1px;height: 2px;}
.b2,.b3,.b4,.b5,.b6,.b7,.content{background-color: #EEE;}
.content{border-left: solid #CCC 1px;border-right: solid #CCC 1px;padding: 25px;position: relative;}
.content span{font-size: 72px;color: #CCCCCC;position: absolute;}
.content span.font-left{top: -10px;left: -30px;_left: -55px;/* 为了兼容IE6.0*/}
.content span.font-right{bottom: -45px;right: -30px;}
.content p{text-indent: 2em;}
.content p.translation{text-align: right;font-style: italic;}
</style>
</head>
<body>
<div >
<div ></div>
<div ></div>
</div>
<div >
<b ></b>
<b ></b>
<b ></b>
<b ></b>
<div >
<span >“</span>
<span >”</span>
<p>CSS实现的对话框特效,纯CSS实现的,不是CSS3,因此兼容性还是相当不错的。你在网页上可以使用一些这样的框框。


</p>
</div>
<b ></b>
<b ></b>
<b ></b>
<b ></b>
</div>
<div>http://www.999jiujiu.com/</div>
</body>
</html>


重庆旅游线路大全什么时候去重庆旅游最好重庆跟团旅游报价多少重庆旅游必去的地方是重庆旅游必去景点排名香山门票价格_北京香山公园门票多少钱 岳麓山门票_湖南长沙岳麓山门票_长沙岳麓山要门票吗 伏牛山在哪_伏牛山在哪里_伏牛山在哪个省 木格措海拔_康定情歌风景区木格措海拔高度是多少 蟹岛度假村与小动物合影留念 母亲节感恩之旅一起远游为爱而行 十月年 关岛体验爱的气息 2015年富华游乐园通票多少钱?潍坊富华游乐园门票一票通吗? 潍坊富华游乐园通票一天没玩完第二天可以接着玩吗?富华游乐园门票几天有效? 富华游乐园摩天轮多少钱?潍坊富华游乐园摩天轮好玩吗? 潍坊富华游乐园游玩攻略?富华游乐园有摩天轮吗? 2015深圳欢乐谷圣诞节夜场活动门票预订价格?深圳欢乐谷圣诞夜场门票多少钱? 2015深圳欢乐谷圣诞节夜场活动时间?深圳欢乐谷圣诞夜场几时开始? 2015世界之窗圣诞节夜场活动时间?深圳世界之窗圣诞夜场几时开始? 2015深圳锦绣中华圣诞节夜场活动时间?锦绣中华圣诞夜场几时开始? STP13NK60ZFP Datasheet STP13NK60ZFP Datasheet STW13NB60 Datasheet STW13NB60 Datasheet STW13NK60Z Datasheet STW13NK60Z Datasheet 北京7日游 北京7日游 北京7日游 情人节那天 情人节那天 情人节那天 羊台山好玩吗 羊台山好玩吗 羊台山好玩吗