课程
/前端开发
/HTML/CSS
/HTML5和CSS3扁平化风格博客
超链接下面的下划线距上面的文字的距离怎么设置的,这里没有讲出来
2018-05-28
源自:HTML5和CSS3扁平化风格博客 3-5
正在回答
好像没有听过可以直接设置a下划线与文字之间距离的,不过我在网上看到过这种方法:你可以把超链接的下划线样式清空,然后给超链接写一个边框,只指定下边框,这个时候就可以设置这个下边框与a链接文字的距离了,曲线救国。
css样式
----------------------------
a{
text-decoration:none;
border-bottom:1px solid #000; /* #ccc换成链接的颜色 */
display: inline-block;
padding-bottom:20px; /*这里设置你要空的距离*/
}
举报
HTML5与CSS3搭建超酷扁平化风格博客