一些注解:实现下拉菜单,主要就是要隐藏当前元素下的ul标记,当鼠标放到当前元素上时,ul元素显示
CSS :after 伪元素
:after 伪元素在元素内容之后插入内容。
这个伪元素允许创作人员在元素内容的最后面插入生成内容。默认地,这个伪元素是行内元素,不过可以使用属性 display 改变这一点。h1:after { content: testText },ie下无法显示内容
横排的例子
style2.css的代码
@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,form,th,td{margin:0;padding:0;font-weight:normal;}
body{font:12px/2 Verdana, Arial, Helvetica, Simsun, "Microsoft YaHei";text-align:center;}
ul{list-style:none;}
.copyright{margin-top:50px;font-size:13px;}
#dymenu{width:500px;margin:0 auto;text-align:left;}
#dymenu .root{zoom:1;background:#000;}
#dymenu .root:after{content:"tttttt";display:block;height:20px;clear:both;visibility:visible; background-color:#FF3300}
#dymenu .root li{position:relative;float:left;}