来一发网页代码实例:CSS制造淘宝导航交互的小三角箭头

只看该作者 · 发表于 2015-1-15 22:53:59

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

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

x

你的设计不仅仅用于web浏览器，也可以发布在其他设备上，比如PowerPoint。
破洛洛文章简介：淘宝导航的小三角箭头图标.

没事做了一个淘宝导航的小三角箭头图标，测试/撑持情况：IE7+、Firefox8、chrome
以下为源码：
<!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=utf-8"/><title>CSS完成的交互小三角箭头图标-poluoluo.com网页教授教养网</title>
<styletype="text/css">*{padding:0;margin:0;font:16px/22pxverdana,"microsoftyahei";}div{width:400px;height:22px;background:#eee;margin:20pxauto;padding:020px;}b{width:0;height:0;+margin-top:-15px;display:inline-block;border-color:#000#eee#eee;border-style:solid;border-width:10px10px0;}strong{font-weight:500;margin:05px00;}a{color:#333;text-decoration:none;}a:hover{color:#666}a:hoverb{border-color:#eee#eee#000;border-width:010px10px;}</style></head>
<body><ahref="#">菜单</a></body></html>
属性值就追加上去，重复的属性值就以最后一个为准。这里要注意的是，样式的先后不是根据页面上应用的名字顺序，而是样式表里的样式顺序。

只看该作者 · 发表于 2015-1-17 19:43:29

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

只看该作者 · 发表于 2015-1-23 23:24:31

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

只看该作者 · 发表于 2015-1-31 21:49:33

HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器）

只看该作者 · 发表于 2015-2-7 02:26:38

技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

只看该作者 · 发表于 2015-2-20 04:32:24

使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

只看该作者 · 发表于 2015-3-6 17:03:03

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。

只看该作者 · 发表于 2015-3-13 05:10:00

这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。

只看该作者 · 发表于 2015-3-20 14:19:13

使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。

		自动登录	找回密码
密码			立即注册

[DIV+CSS] 来一发网页代码实例:CSS制造淘宝导航交互的小三角箭头

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

相关帖子