dreamweaver 如何添加下划线

最新推荐文章于 2021-06-02 16:20:27 发布

sdfsf双方各

最新推荐文章于 2021-06-02 16:20:27 发布

阅读量1.2w

点赞数

分类专栏： css 文章标签： dreamweaver input border class html css

本文链接：https://blog.csdn.net/zhouzilong502086525/article/details/6256375

版权

css 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

我想楼主所说的带下划线的空白处在页面中是个能填写数字或文字的输入框吧？否则他就是个摆设了。

如果是输入框的话，可以通过css定义来修改它的样式。

直接使用style方式定义：
<input type="text" name="textfield" style="border:0;border-bottom:1px solid #000;width:50px;"></input>

上面的方法仅适用于某一个输入框，如果输入框有很多，可以定义一个class。

在源代码中<head></head>中加入
<style type="text/css">
<!--
.underline {border:0;border-bottom:1px solid #000;width:50px;}
-->
</style>

然后在html中的input处引用它：

<input type="text" name="textfield" class="underline"></input>

css中的宽度width:50px;和颜色#000可以根据自己的需求调节。

sdfsf双方各

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
dreamweaver 如何添加下划线

我想楼主所说的带下划线的空白处在页面中是个能填写数字或文字的输入框吧？否则他就是个摆设了。如果是输入框的话，可以通过css定义来修改它的样式。直接使用style方式定义：<input type="text" name="textfield" style="border:0;border-bottom:1px solid #000;width:50px;"></input>上面的方法仅适用于某一个输入框，如果输入框有很多，可以定义一个class。在源代码中<head></h
复制链接

扫一扫