css实现无图片三角形垂直导航条
效果如下：
前台代码：
<div id="Men">
<a href ="addnewbooks.aspx" target="_blank"><span class="left"></span>增加新书<span class="right"></span></a>
<a href ="fengxingbookManager.aspx" target="_blank"><span class="left"></span>更新书库<span class="right"></span></a>
<a href ="fengxingbookManager.aspx" target="_blank"><span class="left"></span>网页动态<span class="right"></span></a>
<a href ="dynamicManager.aspx" target="_blank"><span class="left"></span>促销管理<span class="right"></span></a>
<a href ="fengxingbookManager.aspx" target="_blank"><span class="left"></span>特价管理<span class="right"></span></a>
<a href ="Managerbooks.aspx" target="_blank"><span class="left"></span>书籍浏览<span class="right"></span></a>
</div>
css：
#Men
{
margin: auto;
font-family: 华文行楷;
font-size: 20px;
width: 135px;
padding: 3px;
background-color: #ccc;
border: 1px solid #ccc;
height: 170px;
}
#Men a,#Men a:visited
{
border-left: 8px solid #9ab
相关文档：
从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.
CSS技巧
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内 ......
1、firefox下父容器的高度自适应
height:100%; overflow:auto;
2、IE6的双倍边距BUG
display:inline
3、超链接访问过后hover样式不出现的问题
改变CSS属性的排列顺序: L-V-H-A
4.FF下使连续长字段自动换行
IE中直接使用word-wrap:break-word
FF中我们使用JS插入的方法来解决
......
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>三级dropdown弹出 ......
css圆角box备忘 <style type="text/css">
div.box{}
div.boxtitle{background-color:#888; height:24px; line-height:24px; vertical-align:middle; padding-left:10px;}
div.boxcontent{ padding:10px; border:1px #888 solid;}
b.r {display:block;background: #fff} ......
在当今网页设计/开发实践中，使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键。在设计师们的梦想中都存在着这样的一个完美
世界:所有的浏览器都能够理解和适用多有CSS规则，并且呈现相同的视觉效果(没有兼容性问题)。但是，我们并没有生活在这个完美的世界，现实中发生的失
窃却总是恰恰相反，很多CSS样式在 ......
