相关文章
北京网站建设新手入门：利用DW8掌握网页代码基本格式
北京网站制作Photoshop将照片处理为伪手绘特效
网站建设国内外 JavaScript 经典封装
企通互联javascript分页
网站设计小技巧：拷贝网页中禁止复制的文字
北京网站制作Photoshop打造极富创意网页效果图
网页设计用Photoshop调清脆的蓝、云中漫步、1像素点边框
北京网站设计创建自定义代码片段 提高CSS布局开发效率
网站制作HTML语言剖析（十三）其他标记
企通互联HTML语言剖析（十二）多媒体标记
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> 企通互联网站设计网页中的小三角用DIV+CSS的做法与使用
企通互联网站设计网页中的小三角用DIV+CSS的做法与使用
这是第一个小三角的写法：
| 以下为引用的内容：网站设计 #com_a{ border-top:10px solid #FFFFCC;border-left:10px solid #FF3300;border-bottom:10px solid #FFFFCC;} |
中国站长.站
以下是一些小三角；可以举一反三；做出更多的；
中.国站长站
|
以下为引用的内容：网站建设 中国站.长.站 <style> 中国站长.站 *{ margin:0; padding:0; font-size:12px; font-family:Verdana, "宋体", Arial; line-height:1.8; list-style:none;}网站设计 中国站长.站 Chinaz~com |
以下是一个应用的实例： Chinaz_com
| 以下为引用的内容：网站建设 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">北京网页设计 <html xmlns="http://www.w3.org/1999/xhtml">网站建设 <head>网站建设 <title></title>网站制作 <style>企通互联 *{ margin:0; padding:0; font-size:12px; font-family:Verdana, "宋体", Arial; line-height:1.8; list-style:none;}北京网站设计 #nav{ margin:50px; border:1px dashed #FF3300; background:#FFFFCC; padding:50px;}北京网站制作 a:link,a:visited{color:#FF6600;text-decoration: none;}网站设计 a:hover,a:active{ color:#FF0000;} 中.国站长站 企通互联 #nav a span{overflow:hidden; border-top:6px solid #FFFFCC;border-left:6px solid #FFFFCC;border-bottom:6px solid #FFFFCC; height:0px; width:0px; margin:2px 2px 0 -10px; position:absolute}北京网站制作 #nav a:hover span{background:#CC3300;border-top:6px solid #FFFFCC;border-left:6px solid #FF3300;border-bottom:6px solid #FFFFCC;overflow:hidden; float:left;}北京网站制作 </style>企通互联 </head>北京网站设计 <body>网站设计 <div id="nav">网站建设 <h1>应用的一个实例</h1>北京网站设计 <ul>北京网站制作 <li><a href="http://www.webjx.com" target="_blank"><span></span>网站首页</a></li>北京网站制作 <li><a href="http://www.webjx.com/htmldata/sort/5.html" target="_blank"><span></span>网页特效</a></li>网站制作 <li><a href="http://www.webjx.com/htmldata/sort/3.html" target="_blank"><span></span>网页制作</a></li> Chinaz~com 北京网站制作 网站制作<li><a href="http://www.webjx.com/htmldata/sort/15.html" target="_blank"><span></span>视频教程</a></li>企通互联 <li><a href="http://www.webjx.com/bbs/" target="_blank"><span></span>网站论坛</a></li>北京网站设计 </ul>北京网站制作 </div>网站建设 </body>网页设计 企通互联 </html> |
上一篇：网站建设网页中的小三角用DIV+CSS的做法与使用
下一篇：网站建设用Photoshop中的虚化来突出照片中的主角
