仓酷云

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

[DIV+CSS] 来看看:CSS实例教程:CSS制造虚线的2种办法

[复制链接]
飘灵儿 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:31:52 | 只看该作者 回帖奖励 |正序浏览 |阅读模式

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

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

x
一个样式规则由一个选择器后跟一个声明块组成,声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。
网页制造Poluoluo文章简介:怎样用CSS界说虚线?在CSS中界说虚线一样平常有两种办法:一种是界说DIV的CSS款式,另外一种是经由过程hr的CSS款式完成。
怎样用CSS界说虚线?在CSS中界说虚线一样平常有两种办法:一种是界说DIV的CSS款式,另外一种是经由过程hr的CSS款式完成。

我们起首必要懂得,关于线条的CSS的两个款式:
dotted: 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。不然为实线
dashed: 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。不然为实线

程度线条,我们能够用hr来完成,也能够界说一个div,将它的高度设为1px或别的你想要的高度。
CSS界说一条程度虚线hr的办法:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>www.Poluoluo.com</title><styletype="text/css"><!--hr{border:1px#ccccccdotted;}--></style></head><body><hrsize="1"noshade="noshade"/></body></html>
[Ctrl+A全体选择提醒:你可先修正部分代码,再按运转]
CSS界说一条程度虚线div的办法:
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>www.Poluoluo.com</title><styletype="text/css"><!--#aaa{border-top:1pxdashed#cccccc;height:1px;overflow:hidden;}--></style></head><body><divid="aaa"><ahref="http://www.Poluoluo.com/">破洛洛</a></div></body></html>
[Ctrl+A全体选择提醒:你可先修正部分代码,再按运转]
必要你注重hr办法中CSS的界说:hr{border:1px#ccccccdotted;}用了dotted属性。在div的办法顶用了dashed属性。从外表上讲,二者没有分明的区分。但在分歧的扫瞄器情况下,大概会存在一些差别。但这些都可有可无了,由于年夜多半人看到的是一样的效果。
</p>
支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。
乐观 该用户已被删除
9#
发表于 2015-3-21 18:43:52 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
小魔女 该用户已被删除
8#
发表于 2015-3-15 00:27:54 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
海妖 该用户已被删除
7#
发表于 2015-3-7 09:53:45 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
飘飘悠悠 该用户已被删除
6#
发表于 2015-2-23 16:43:44 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
谁可相欹 该用户已被删除
5#
发表于 2015-2-7 22:23:10 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
透明 该用户已被删除
地板
发表于 2015-2-2 13:38:13 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
冷月葬花魂 该用户已被删除
板凳
发表于 2015-1-24 19:01:50 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
老尸 该用户已被删除
沙发
发表于 2015-1-17 23:08:02 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-11-17 13:50

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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