会员
周边
众包
新闻
博问
闪存
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
MeChecksV
博客园
首页
新随笔
新文章
联系
订阅
管理
CSS如何定义一条水平虚线
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>www.52css.com</title> <style type="text/css"> <!-- hr {border:1px #cccccc dotted;} --> </style> </head> <body> <hr size="1" noshade="noshade" /> </body> </html>
[ 可先修改部分代码 再运行查看效果 ]
CSS定义一条水平虚线div的方法：
www.52css.com
]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>www.52css.com</title> <style type="text/css"> <!-- #aaa {border-top:1px dashed #cccccc;height: 1px;overflow:hidden;} --> </style> </head> <body> <div id="aaa"><a href="http://www.52css.com/">我爱CSS - www.52css.com</a></div> </body> </html>
[ 可先修改部分代码 再运行查看效果 ]
需要你注意hr方法中CSS的定义：hr {border:1px #cccccc dotted;} 用了dotted属性。在div的方法中用了dashed属性。从表面上讲，两者没有明显的区别。但在不同的浏览器环境下，可能会存在一些差异。但这些都无关紧要了，因为大多数人看到的是一样的效果。虚线。：）
posted on
2008-10-16 21:06
许维光
阅读(
294
) 评论(
0
)
收藏
举报
刷新页面
返回顶部
浙公网安备 33010602011771号