• 首 页

网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

http://www.qitongnet.com 网站建设咨询热线：010-65587978/77/76/75

相关文章

absenseGoogle Adsense新手指南-
网页设计HTML教程：奇妙的文字图形 font-family的非常用途
网站设计Photoshop不用选区也可以改变照片部分颜色
网站制作构建Blog全程实录-Dreamweaver构建Blog
网页设计口语解说--让你理解网页相对定位与绝对定位
北京网页设计Dreamweaver8创建自定义代码片段的方法
北京网站建设使用Javascript制作声音按钮
网站建设Photoshop打造极富创意网页效果图
网站设计如何制作GBK与Unicode的对照表
www.qitongnet.com汉字简体繁体转换


品牌理念

北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!


友好连接

    • 网站建设
    • 网页设计
    • 网站设计
    • 网站制作
    • 网站优化
    • 百度优化
    • google优化
    • seo
    • 网站推广
    • 网络营销
    • 北京网站建设
    • 北京网站制作
    • 北京网页设计
    • 北京网站设计

文章搜索

你的位置：首页 >> 网页设计 >> 网站制作网站建设网页中的小三角用DIV+CSS的做法与使用

网站制作网站建设网页中的小三角用DIV+CSS的做法与使用


作者： 北京网站建设   日期：2008-03-27 06:14:05  来源： http://www.qitongnet.com

这是第一个小三角的写法：

以下为引用的内容：网页设计
#com_a{ border-top:10px solid #FFFFCC;border-left:10px solid #FF3300;border-bottom:10px solid #FFFFCC;}

中国站长.站

以下是一些小三角；可以举一反三；做出更多的；

中.国站长站

北京网站制作以下为引用的内容：网站建设
<!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;}北京网站建设
#info,#nav{ margin:50px; border:1px dashed #FF3300; background:#FFFFCC; padding:50px;}北京网站建设
#info div{background:#FF0000; width:0px; height:0px; overflow:hidden; margin-bottom:10px;}网页设计
/*一些三角的写法*/企通互联
#com_a{ border-top:10px solid #FFFFCC;border-left:10px solid #FF3300;border-bottom:10px solid #FFFFCC;}北京网站制作
#com_b{ border-top:10px solid #FFFFCC;border-right:10px solid #FF3300;border-bottom:10px solid #FFFFCC;}北京网页设计
#com_c{ border-top:10px solid #FFFFCC;border-right:10px solid #FF3300;border-bottom:10px solid #FFFFCC;border-left:10px solid #FF3300;}企通互联
#com_d{ border-top:10px solid #FF3300;border-right:10px solid #FFFFCC;border-bottom:10px solid #FF3300;border-left:10px solid #FFFFCC;}北京网站设计 网站设计
#com_e{ border-top:10px solid #FFFFCC;border-left:10px solid #FF3300;}网站设计 网站制作
#com_f{ border-top:10px solid #FF3300;border-right:10px solid #FFFFCC;border-left:10px solid #FFFFCC;}

站长.站
网站设计
#com_g{ border-right:10px solid #FFFFCC;border-bottom:10px solid #FF3300;border-left:10px solid #FFFFCC;}北京网站设计
#com_h{ border-top:10px solid #FF3300;border-bottom:10px solid #FF3300;border-left:10px solid #FFFFCC;}网页设计
#com_i{ border-top:10px solid #FF3300;border-right:10px solid #FF3300;border-bottom:10px solid #FF3300;border-left:10px solid #FFFFCC;}网站制作
</style>企通互联
</head>北京网站建设
<body>北京网站建设
<div id="info">网站设计
<h1>一些三角形的写法</h1>北京网站设计
  <div id="com_a"></div>北京网站设计
  <div id="com_b"></div>网站建设
  <div id="com_f"></div>企通互联
  <div id="com_g"></div>北京网页设计
  <div id="com_c"></div> 北京网页设计企通互联
  <div id="com_d"></div>北京网站设计
  <div id="com_e"></div> 北京网站建设北京网页设计
  <div id="com_h"></div>网站制作
  <div id="com_i"></div>北京网站制作
</div>

中国站长.站

网站设计
</body>北京网站建设
</html>

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> www.qitongnet.com北京网站制作
*{ 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>
中.国站长站

网站制作
字体：【大】【中】【小】

上一篇：北京网站制作Photoshop打造极富创意网页效果图

下一篇：网站设计网页中的小三角用DIV+CSS的做法与使用

这是一个与众不同的品牌，企通互联只专注于网站建设领域！中小型企业网站建设最佳合作伙伴！网站建设咨询热线：010-65587978/77/76/75!

Copyright © 2008 网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】. Designed by www.qitongnet.com Free Website Templates