仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 737|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 来看看:网页制造实例:em完成倒三角的提醒效果

[复制链接]
小女巫 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:35:50 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

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的基本知识。
不帅 该用户已被删除
沙发
发表于 2015-1-17 23:30:19 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
老尸 该用户已被删除
板凳
发表于 2015-1-25 15:37:13 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
若天明 该用户已被删除
地板
发表于 2015-2-3 05:07:47 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
飘灵儿 该用户已被删除
5#
发表于 2015-2-8 20:04:19 | 只看该作者
可以使用 CSS 检查工具进行设计。
第二个灵魂 该用户已被删除
6#
发表于 2015-2-26 03:10:26 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
飘飘悠悠 该用户已被删除
7#
发表于 2015-3-8 11:53:39 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
若相依 该用户已被删除
8#
发表于 2015-3-15 23:54:52 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 03:43

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表