常德网站建设
常德网站设计制作建设,常德网页设计制作建设,常德软件开发虚拟主机域名注册 常德网站制作 常德网站设计 常德虚拟主机  
 
常德域名注册
   域名主机 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.0736site.cn 地址:常德市洞庭大道西段170号湖南文理学院院内 赛特科技 湘ICP备08004647号