你能用 CSS 制作圆形下划线(如上图所示)吗?如何?
有没有办法做到这一点border-bottom
? border-radius
相反,会产生这种时尚的效果:
编辑:我误解了皮克想要什么,但这应该有效:
#test {
font-size: 50px;
background: transparent;
border-radius: 10px;
height: 10px;
width: 255px;
box-shadow: 0 55px 0 0 #000;
font-family: sans-serif;
}
<div id="test">Hello world</div>
基本上我将文本放在 div 上,并且框阴影的大小与集合的大小相同height
and width
对于那个 div,只需玩height
/width
你应该得到你想要的......
JSBin 演示 http://jsbin.com/asenej/6/edit
演示截图:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)