超链接a标签display属性的block和inline-block的用法说明
潜水11,450人我们经常在设计网站的导航部分的时候,如果想让导航超链接hover显示背景,但稍不注意,默认的inline会让你抓狂,因为display:inline会将超链接显示为内联元素,即没有宽和高的作用效果,这里无论你背景怎么设置,宽高都不会超出超链接的宽高范围!所以我们可以使用 block 或 inline-block 来解决此问题!
我们经常在设计网站的导航部分的时候,如果想让导航超链接hover显示背景,但稍不注意,默认的inline会让你抓狂,因为display:inline会将超链接显示为内联元素,即没有宽和高的作用效果,这里无论你背景怎么设置,宽高都不会超出超链接的宽高范围!所以我们可以使用 block 或 inline-block 来解决此问题!
用户体验是个大话题,本文分享一下超链接中的hideFocus的用法,来小提升一下效果!
也许你还不知道它有什么作用,简单说一下,hideFocus就是在点击超链接时,对是否显示外虚线框的设定!
ps.也许你觉得不显示虚线框会降低用户体验,那你还是无视本文吧哈哈!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <br /> <HTML> <br /> <HEAD> <br /> <TITLE> 诺豆网 链接效果</TI...