您的位置:首页 > Web前端 > CSS

xml添加下着重号样式

2017-08-04 21:15 85 查看
怎么给汉字添加下着重号呢?我之前查了很多,无非就是两种,一种是用下划线(虚线)来代替,一种是下划线(dotted)但是效果很不理想.

一、下划线(虚线)代替着重号:

<p>
<span style="border-bottom: 1px dashed red;">我是用下划线(虚线)方式代替着重号</span>。
</p>


效果是这样的:



这个不是着重号的效果。骗自己是够呛的。别说骗别人了。那咱们就用带点的。

二、用下划线(dotted)代替着重号。

<p>
<span style="border-bottom: 2px dotted black;">我是用下划线(点)方式代替着重号</span>。
</p>


效果是这样的:



虽然是有点感觉,但是不像。真的不想。怎么办呢?肯定有办法的晒。

这不,咱们换个方式思考,我们不用加一段,咱们一个字一个字的添加,然后把值调到一个合适的值,不就是可以了么????没错啊=====》》》》

三、完美的着重号(第二种方法的改进)

<p class="bodytext">
<span style="border-bottom: 6px dotted black;">我</span><span style="border-bottom: 6px dotted black;">加</span><span style="border-bottom: 6px dotted black;">了</span><span style="border-bottom: 6px dotted black;">着</span><span style="border-bottom: 6px dotted black;">重</span><span style="border-bottom: 6px dotted black;">号</span>。
</p>


先不要觉得乱,看看效果图,就觉得呵呵了。效果图是这样的:



完美!!!!!!!!!!!!

哈哈,我要嘚瑟去了,你学会了么?学会了就点个赞,你再接着去嘚瑟。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息