常德網站建設
常德網站設計制作建設,常德網頁設計制作建設,常德軟件開發虛擬主機域名注冊 常德網站制作 常德網站設計 常德虛擬主機  
 
常德域名注冊
   域名主機 DNS HOST
   關于賽特 ABOUT SITE
   服務項目 SERVICE PROJECT
   軟件開發 DEVELOPMENT
   解決方案 SOLUTION
   服務流程 CUSTOMER PROCESS
   成功案例 SUCCESS TORIES
   商務合作 COOPERATION
   服務報價 SERVICE PRICE
   聯系賽特 CONTACT SITE
   網站知識 WEBSITE KNOWLEDGE
 您的位置:首頁常德網站建設 - 常德網站建設之-CSS做的帶三角形的文本框  
 



常德網站建設之-CSS做的帶三角形的文本框
 
常德網站建設  加入時間:2011/7/24 9:14:03     點擊:14120 常德網站建設  常德網站制作

CSS做的帶三角形的文本框代碼如下

<style>
div.container{position:absolute;
top:34px;
left:50px;
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>你可以在這里放你想放的文本。這些文本用作提示語最好了。</div>
<s>
<i></i>
</s>
</div>

 

當然,我覺得雖然這樣可以做出來一個帶三角形的框。但是我還是希望用圖片做出來這樣的效果,因為用圖片簡單多了


上一條:常德網站建設之-掌握好的網頁色彩搭配方法
下一條:常德網站建設之-網站建設中注意的問題

  常德虛擬主機   客戶列表 合作伙伴 | 工作機會 | 網站制作 | 友情鏈接
 本站關鍵詞:賽特科技 常德網站建設 常德網站開發 常德網站制作 常德網站設計 常德虛擬主機 常德空間域名
  Copyright(c)2008 http://www.vtfqvi.tw 地址:常德市洞庭大道西段170號湖南文理學院院內 賽特科技 湘ICP備08004647號
 
免费麻将苹果安卓版下载 pk10九码如何才能稳赢 香港六合彩137期打外围黑庄特码几号 真人百家乐 澳洲幸运5计划软件手机版下载 绝地求生之疯狂升级 吉林时时彩计划软件下载 秋月倚楼两码中特 AG平台网址大全 湖南快乐十分单双大小 凯时娱乐城真人百家乐 体彩超级大乐透走势图 怎么看幸运快三大小快速掌握 106彩票官方网站-点击登陆 bg真人bjl假不假 pk10模式长期稳赚6码 辽宁快乐12软件手机版