如何用CSS改变上划线,下划线以及删除线的颜色

html-css037

如何用CSS改变上划线,下划线以及删除线的颜色,第1张

方法如下:

1:text-line-through-color:设置删除线的颜色。

2:text-overline: text-overline-color: 设置上划线的颜色

3:text-underline:text-underline-color:设置下划线的颜色

使用下面的代码,将输入框放在一个div里面,使用div加上边框即可。

下面是演示代码

<div style="border-top:1px solid #333padding-top:3px"><input type="text" style="border:1px solid #ff0000"></div>

希望可以帮助到你,望采纳。

其实主要是利用position定位功能,例子:

<style>

.div{width:20%margin:auto border:1px solid redpadding:20px position:relativemargin-top:100px}

h3{ position:absolutetop:-40pxleft:30pxbackground:whitepadding:10px}

</style>

<div class="div">

    <h3>描述</h3>

    <p>这是测试线框</p>

</div>