html如何去掉下划线？_IT百科

使用text-decoration即可去掉下划线，具体 *** 作方法如下。

设备：戴尔电脑

系统：win10

软件：html文件

1、首先打开电脑之后，新建一个html文件，输入html网页的结构，如下图所示。

2、然后在body标签中添加a标签，在a标签里输入文字，如下图所示。

3、这时可以看到a标签是默认带有下划线的，想要去掉下划线，只要给a标签添加一个texte-decoration样式就可以删除，如下图所示。

4、删除完成之后，最后保存文件，运行网页查看结果，已去除下划线，如下图所示。

取a标签的text文本需要用到innerText；

实现思路：

方式一：input设置ID，当点击a标签时取a标签的文本并赋给input。

方式二：点击a标签时，执行onclick事件时，把值直接传给js函数，取到值后赋给input。

以下方式一实现代码，方式二的不写了。供参考。

function gettext(obj) {

document.getElementById('inputval').value=obj.innerText

}

</script>

<br>

在使用标签打印软件的过程中，经常见到用户设计有产品标签或者服装吊牌等，其实在物流行业，只要用到标签的也都是可以使用标签打印软件来制作的，本文我们就以下面这种发货标签为样标，看一下其具体制作方法。

首先，在设计制作发货标签时，需要先测量标签纸实际尺寸，然后在标签打印软件中根据实际尺寸来设置纸张尺寸及布局参数：

标签纸的圆角形状可以在文档设置-画布窗口中，在形状位置选择圆角矩形，圆角尺寸为2.5mm（具体尺寸可根据实际效果调整）：

下面我们来具体看一下如何在标签纸上制作发货标签模板：

一、添加文字内容由于本文制作的是标签模板，暂时没有可变信息，所以文字内容使用手动输入的方法添加即可。点击左侧工具栏中的“A”，在画布上绘制普通文本，并双击打开其“图形属性-数据源”窗口，点击左侧修改，在手动输入框中添加文字内容，并点击“编辑-确定”即可：

其他文字内容添加方法可与上述类似，需逐个点击左侧“A”绘制普通文本，并添加相应内容：

二、绘制表格标签打印软件中绘制表格，可点击左侧工具栏中的矩形框及绘制线段来组合实现绘制表格的效果：在绘制时，先点击需要使用的图标，然后在画布上点击左键开始，在结束位置双击左键即可结束绘制。（绘制直线线段的同时，按住shift键可绘制水平直线）

三、添加表格文字及条形码表格中文字内容添加方式与第一步文字添加方法相同，由于都是固定不变的内容，使用手动输入的方法添加即可：

添加条形码时，可点击左侧工具栏中的条形码图标，在合适位置绘制条码样式，并双击条码打开“图形属性-数据源”窗口，点击左侧修改，暂时使用手动输入添加条码数据：

从样标中可以看到，条码数据是看不到的，隐藏条码数据可点击“图形属性-文字”窗口，在文字位置地方选择“无”即可：

综上所述，在标签打印软件中制作的发货标签模板已经全部制作完毕了，如果暂时先不批量打印，可先点击保存，将标签模板保存在比较好查找的位置，待下次使用直接点击软件中的打开，选择此标签文件即可：

欢迎分享，转载请注明来源：内存溢出

html如何去掉下划线？