• 首页
• 域名注册
• 虚拟主机
• 网站建设
• 服务器租用
• 营销推广
• 网站程序
• 前端开发
• 移动互联网
• 企业邮箱

• 当前位置：创新互联 >> 常见问题 >> 网站建设 >> 网页设计 >> 网站设计中令人纠结但很有用的一些技巧

网站设计中令人纠结但很有用的一些技巧

• 作者：创新互联 文章来源：前端开发部 点击数： 更新时间：2008-04-25
• 1、让超链接点击无虚线框
  
  　　正常情况下点击超链接的时候会有一个虚线狂出现，可能有些人觉得这个框比较烦人或者会影响整个页面效果所以想出各种办法来去掉它，估计很多设计师都遇到过类似的需求吧。
  
  　　下面是IE、FF、Chrome三个浏览器下的效果图，除了Chrome不显示虚线框之外IE、FF下都能看到这个效果。
  
   
   
  
  （配图：淘宝网）
   
  解决方案：
  1、可以设置outline:none; 此CSS样式只在FF下有效
  2、更好的解决方案创新互联
  创新互联
  3、
  a {
   outline:none;                                /*移除超链的虚线框  IE8,FF有用*/
          hide-focus: expression(this.hideFocus=true); /*IE6、IE7*/
  }
   
  补充：去掉之后对于采用 Tab 键来做导航的用户会非常不友好，看不到当前的焦点。
    
  2、文字两端对齐
  　　在word排版中很非常常见的一个效果，设计样稿出图的时候为了美观设计师应该都会对文字的字间距、行距甚至对文字进行压缩等处理让文字看起来更规整更好看。但是实际在网页中在显示文字的时候我们也是可以通过CSS样式进行类似的处理的，比如我们可以通过line-height样式来控制行距，但是没法对文字进行单个压缩，所以如果设计稿上有对文字进行过压缩的最后出来的实际效果可能会有一些差别。
  
  （配图：天津银河国际购物中心 ）
   
  解决方案：
  可以通过样式：text-justify:distribute;text-align:justify;进行控制，效果如图。
  
  3、取消chrome输入框高亮  
  :focus {outline: 0;} >
• 让企业网站设计更友好的7个诀窍 :上一篇
  如何让网页设计更优秀 :下一篇