中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

純CSS無(wú)圖片帶箭頭提醒框

2023-10-26    分類: 網(wǎng)站建設(shè)

純CSS無(wú)圖片帶箭頭提醒框:效果

<html> 
<head> 
<title>純CSS無(wú)圖片帶箭頭提醒框</title> 
<style> 
div.container{position:absolute; 
top:30px; 
left:40px; 
font-size: 9pt; 
display:block; 
height:100px; 
width:200px; 
background-color:transparent; 
*border:1px solid #666; 

s{ 
position:absolute; 
top:-20px; 
*top:-22px; 
left:20px; 
display:block; 
height:0; 
width:0; 
font-size: 0;  
line-height: 0; 
border-color:transparent transparent #666 transparent; 
border-style:dashed dashed solid dashed; 
border-width:10px; 

i{position:absolute; 
top:-9px; 
*top:-9px; 
left:-10px; 
display:block; 
height:0; 
width:0; 
font-size: 0; 
line-height: 0; 
border-color:transparent transparent #fff transparent; 
border-style:dashed dashed solid dashed; 
border-width:10px; 

.content{ 
border:1px solid #666; 
-moz-border-radius:3px; 
-webkit-border-radius:3px; 
position:absolute; 
background-color:#fff; 
width:100%; 
height:100%; 
padding:5px; 
*top:-2px; 
*border-top:1px solid #666; 
*border-top:1px solid #666; 
*border-left:none; 
*border-right:none; 
*height:102px; 
box-shadow: 3px 3px 4px #999; 
-moz-box-shadow: 3px 3px 4px #999; 
-webkit-box-shadow: 3px 3px 4px #999; 
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999'); 
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";  

</style> 
</head> 
<body> 
<div class="container"> 
<div class="content"><br>這是框中的文字,可動(dòng)態(tài)顯示。高度主動(dòng)增添,應(yīng)該不錯(cuò)吧^_^</div> 
<s> 
<i></i> 
</s> 
</div> 
<br /> 
</body> 
</html>

本文題目:純CSS無(wú)圖片帶箭頭提醒框
網(wǎng)站地址:http://m.rwnh.cn/news49/287899.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供Google、響應(yīng)式網(wǎng)站、網(wǎng)站收錄、App開發(fā)、電子商務(wù)、網(wǎng)站內(nèi)鏈

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

手機(jī)網(wǎng)站建設(shè)
龙南县| 仙桃市| 文成县| 额济纳旗| 莎车县| 衡东县| 田阳县| 隆回县| 衡东县| 舟山市| 分宜县| 西贡区| 渑池县| 包头市| 长治县| 桂东县| 射洪县| 汽车| 武邑县| 巴马| 正定县| 军事| 夹江县| 昌黎县| 稷山县| 石林| 汪清县| 嘉禾县| 井陉县| 昂仁县| 蓬莱市| 海兴县| 罗山县| 霍城县| 英吉沙县| 富阳市| 嵊州市| 东乌珠穆沁旗| 呼图壁县| 洞头县| 无棣县|