|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
层叠样式表(CascadingStyleSheets)的缩写,用于定义HTML元素的显示形式,是W3C推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。
网页制造POLUOLUO文章简介:效果以下:鼠标放上显现第二个的效果!代码以下:!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtmlxmlns=http://www.w3.org/1999/xhtmlheadmetahttp-equiv=Content-Typecontent=te
效果以下:
鼠标放上显现第二个的效果!
代码以下:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>em完成倒三角的提醒效果-JS殊效学院</title>
</head>
<style>
<!--
#menu{width:500px;padding:0;margin:40pxauto;list-style-type:none;display:<spanhref="tag.php?name=tab"onclick="tagshow(event)"class="t_tag">tab</span>le;}
#menuli{width:100px;float:left;line-height:30px}
#menua{position:relative;display:block;text-decoration:none;background:#cccccc;width:100px;}
#menuaspan{display:block;font-weight:bold;color:#000;border-style:solid;border-width:0px2px2px0px;border-color:#fff#fff#06a#fff;text-align:center;}#menuaem{display:none;}
#menua:hover{background:#FF0000;}#menua:hoverspan{color:#fff;}
#menua:hoverem{display:block;overflow:hidden;border:6pxsolid#06a;border-color:#06a#fff;border-width:6px6px06px;position:absolute;left:50%;top:100%;margin-left:-6px;}
-->
</style>
<body>
<ulid="menu">
<li><ahref="http://www.webjx.com/"><span>MOne</span><em></em></a></li>
<li><ahref="http://www.webjx.com/"><span>MTwo</span><em></em></a></li>
<li><ahref="http://www.webjx.com/"><span>MThree</span><em></em></a></li>
<li><ahref="http://www.webjx.com/"><span>MFour</span><em></em></a></li>
</ul>
</body>
</html>
这个不晓得在那里看的,转过去了,地点不记得了,感激原作者
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>em完成倒三角的提醒效果-JS殊效学院</title></head><style><!--#menu{width:500px;padding:0;margin:40pxauto;list-style-type:none;display:<spanhref="tag.php?name=tab"onclick="tagshow(event)"class="t_tag">tab</span>le;}#menuli{width:100px;float:left;line-height:30px}#menua{position:relative;display:block;text-decoration:none;background:#cccccc;width:100px;}#menuaspan{display:block;font-weight:bold;color:#000;border-style:solid;border-width:0px2px2px0px;border-color:#fff#fff#06a#fff;text-align:center;}#menuaem{display:none;}#menua:hover{background:#FF0000;}#menua:hoverspan{color:#fff;}#menua:hoverem{display:block;overflow:hidden;border:6pxsolid#06a;border-color:#06a#fff;border-width:6px6px06px;position:absolute;left:50%;top:100%;margin-left:-6px;}--></style><body><ulid="menu"><li><ahref="http://www.webjx.com/"><span>MOne</span><em></em></a></li><li><ahref="http://www.webjx.com/"><span>MTwo</span><em></em></a></li><li><ahref="http://www.webjx.com/"><span>MThree</span><em></em></a></li><li><ahref="http://www.webjx.com/"><span>MFour</span><em></em></a></li></ul></body></html>
[Ctrl+A全体选择提醒:你可先修正部分代码,再按运转]
在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识。 |
|