用CSS怎么定义FW作成的虚线
我已经用FW作出了一条虚线,我想把它用到DW里面,怎么定义CSS呢,有什么方法吗?不要取笑,我是菜鸟! [html]<div style="border:1px dashed #F00; background:#EEE; height:100px;"></div>[/html] [html]<div style="border:1px dotted #F00; background:#EEE; height:100px;"></div>[/html][html]<div style="border:1px dashed #F00; background:#EEE; height:100px;"></div>[/html]
如果css定义的虚线和你想要的虚线效果有出入的话，可以用背景图片重复 楼上的人 不给我解答的机会啊 用背景吧，DASHED总没有图片背景漂亮，匀称 [quote]原帖由 [i]cycloned[/i] 于 2008-9-4 09:36 发表 [url=http://bbs.blueidea.com/redirect.php?goto=findpost&pid=4193960&ptid=2883616][img]http://bbs.blueidea.com/images/common/back.gif[/img][/url]
用背景吧，DASHED总没有图片背景漂亮，匀称 [/quote]
嗯，我一般都是用黑白相间的图片做背景的，默认效果好像和原图不太一样。:rolleyes:
很完美的方法 ，很自负地说道
[html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>完美dotted虚线</title>
<style type="text/css" media="all">
body{ margin:0 auto; font:12px "宋体";}
body,a{ color:#000; text-decoration:none; }
ul{ margin:0; padding:0;}
a:hover{ text-decoration:underline; color:#f00;}
li{ padding-left:10px; line-height:25px; width:90%; float:left; display:block; background: url(http://www.chinawebdesign.net/images/case2_31.jpg) bottom repeat-x; }
#demo{ width:500px; margin:0 auto;}
#demo li{}
</style>
</head>
<body>
<div id="demo">
<ul>
<li>新闻标题--新闻标题</li>
<li>新闻标题--新闻标题</li>
<li>新闻标题--新闻标题</li>
<li>新闻标题--新闻标题</li>
<li>新闻标题--新闻标题</li>
<li>新闻标题--新闻标题</li>
<li>新闻标题--新闻标题</li>
<li>新闻标题--新闻标题</li>
<li>新闻标题--新闻标题</li>
<li>新闻标题--新闻标题</li>
<li>新闻标题--新闻标题</li>
<li>新闻标题--新闻标题</li>
</ul>
</div>
</body>
</html>
[/html] [quote]原帖由 [i]colinivy[/i] 于 2008-9-4 00:29 发表 [url=http://bbs.blueidea.com/redirect.php?goto=findpost&pid=4193825&ptid=2883616][img]http://bbs.blueidea.com/images/common/back.gif[/img][/url]
[html][/html]
[html][/html]
如果css定义的虚线和你想要的虚线效果有出入的话，可以用背景图片重复 [/quote]
IE6 下面不支持dotted css的虚线不够细致的...
还有把图片作为背景吧
页:
[1]