|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
CSS的极大优势表现在简洁的代码,对于一个大型网站来说,可以节省大量带宽,而且众所周知,搜索引擎喜欢清洁的代码。
网页制造poluoluo文章简介:在计划和制造网页过程当中,经常必要到场虚线支解线,像腾讯、搜狐、新浪首页都有灰色虚线的使用。可是虚线的完成,不管在计划中仍是前面的制造中都不太简单。
在计划和制造网页过程当中,经常必要到场虚线支解线,像腾讯、搜狐、新浪首页都有灰色虚线的使用。可是虚线的完成,不管在计划中仍是前面的制造中都不太简单。
(一)计划中完成虚线
总结以下Photoshop画虚线的几种办法(只会商直线):
(1)利用画笔—点击“画笔笔尖外形”,调剂“间距”
这类办法烦琐,制造出的虚线点散布匀称,经由过程描边路径能够画出恣意外形的虚线
。
(2)画一条直线,截取等宽间隔(贫苦)
(3)笔墨工具输出英笔墨符“....”调剂笔墨间距。——我用这类办法,伴侣说我反常,可是这类办法制造出来的效果我最中意。
(4)界说画笔—描边路径,和第一种办法类似,可是把持虚线单位的长度。
(5)间接从中意的网页上截取(汗..之前图费事常常这么干..),由于只是出效果,详细在前面的制造中,你绘制的虚线再完善大概也用不上。
(二)页面制造中虚线完成
最终效果计划的完善当然主要,可是终极仍是要准确复原计划稿,css中的dotted(点线)在IE6下显现和别的扫瞄器分歧,并且点过于麋集效果不是很幻想。dashed(虚线),固然扫瞄器体现不异,可是虚线单位宽,也不是我想要的效果。独自利用图片来完成虚线,又会发生过剩标签,这点让人很纠结。看上面用css界说的虚线:
HTML代码<!doctypehtmlpublic"-//w3c//dtdhtml4.0transitional//en"><html><head><title>newdocument</title><metaname="generator"content="editplus"><metaname="author"content=""><metaname="keywords"content=""><metaname="description"content=""><styletype="text/css"><!--.box{margin:20pxauto;width:250px;height:100px;border-top:1pxdottedred;border-bottom:1pxdashedgreen;}--></style></head><body><divclass="box"></div></body></html>
[Ctrl+A全体选择提醒:你可先修正部分代码,再按运转]
总结:计划最终效果,画虚线用第一种办法。
复原计划稿,点元素图片添补(腾讯用的此种办法,固然纷歧定威望,可是团体以为效果能够)
团体定见,仅供参考!
</p>
有了CSS,我们不再需要用FONT标签或者透明的1pxGIF图片来控制标题,改变字体颜色,字体样式等等 |
|