css线-css中的text-decoration属性设置删除行的方式

bendan520 2023年8月20日 css 0

本文将为大家详细讲解如何在CSS中设置text-decoration属性的删除线。 我觉得很实用，所以分享给大家，作为参考。 希望您读完本文后有所收获。

首先我们了解一下css的text-decoration属性css线，这里简单介绍一下：

text-decoration 属性指定要添加到文本的装饰。

去下划线css_css中引用css_css线

阐明：

此属性允许对文本设置某些效果，例如添加删除线。 如果后代元素没有自己的装饰，则祖先元素上设置的装饰将“扩展”到后代元素。 用户代理不需要支持眨眼。

那么如何利用css的text-decoration属性来添加text文本的删除线效果，让我们通过一个简单的代码示例来详细讲解css删除线的实现吧！

css中引用css_css线_去下划线css


	
		
		css添加文本文字的删除线
		
			p{
				text-decoration:line-through;
			}
		
	
	
		
这里有一条删除线

效果图：

去下划线css_css线_css中引用css

阐明：

line-through 属性值：定义一条穿过文本的线。

从例子中可以看出，通过设置text-decoration:line-through; 为了

css线_去下划线css_css中引用css

标签中的文字有删除线，简单方便。 并且可以简单地通过css设置修改删除线样式，如：颜色，例如：


	
		
		css添加文本文字的删除线
		
			p{
				text-decoration:line-through;
				color: red;
			}
			span{
				color: black;
			}
		
	
	
		
这里有一条删除线

效果图：

css中引用css_css线_去下划线css

这样我们就结合了text-decoration: line-through; 和style来定义文本字体颜色的样式，我们可以在css中实现不同删除线和文本颜色的样式效果。 是不是很简单啊！

我在这里分享一下css中text-decoration属性中设置删除线的方法。 希望以上内容能够对您有所帮助css线，让您能够学到更多的知识。 如果您觉得文章不错，可以分享出去，让更多的人听到。

文章目录

SpringBoot + Thymeleaf项目中静态资源的引用问题是一个很常见的问题，也是最麻烦的问题。 其实一点也不难，只是有几个问题没有注意到css引用，仍然无法解决。

1. 静态资源的位置 1.1． SpringBoot项目运行时，需要使用Thymeleaf来引用静态资源。


<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Home</title>
    <link rel="stylesheet" href="../static/css/bootstrap.css" th:href="@{/css/bootstrap.css}">
</head>

没有 Thyemeleaf 不能被引用。

1.2. 没有配置位置时，静态资源默认在resources/static目录下

项目目录如下

静态资源的默认目录是resources/static，所以这里需要编写以下内容来引用静态资源：

<head>
    <meta charset="UTF-8">
    <title>Home</title>
    <link rel="stylesheet" href="../static/bootstrap/css/bootstrap.css" th:href="@{/bootstrap/css/bootstrap.css}">
</head>

html怎么引用css_引用css样式表的方法有哪些_css引用

1.3. 也可以在配置文件中指定静态资源的位置

在application.properties配置文件中：

spring.resources.static-locations=classpath:static/bootstrap

将静态资源的位置设置为resources/static/bootstrap。

此时，在HTML中引用静态资源应该这样写：

<head>
    <meta charset="UTF-8">
    <title>Home</title>
    <link rel="stylesheet" href="../static/bootstrap/css/bootstrap.css" th:href="@{/css/bootstrap.css}">
</head>

2. 无法列举最可能的原因

SpringBoot项目的所有文件都必须编译到target文件夹下才能够运行，所以首先检查你的target目录下是否有静态资源。

如果这里根本没有静态资源，就一定不能引用它。

target/classes文件夹下没有静态资源是什么原因？

最有可能的原因是，在项目的pom文件中，你没有指定将.css、.js等文件编译到目标文件夹中。 必须声明才能正确编译这些文件。

<build>
    <resources>
        <resource>
            <directory>src/main/resources</directory>
            <includes>
                <include>**/*.*</include>
            </includes>
            <filtering>true</filtering>
        </resource>
        <resource>
            <directory>src/main/java</directory>
            <includes>
                <include>**/*.properties</include>
                <include>**/*.xml</include>
                <include>**/*.yml</include>
            </includes>
            <filtering>true</filtering>
        </resource>
    </resources>
</build>

这里声明，resources目录下，**/*.*类型的文件会被编译到target/classes文件夹下，即所有文件，所以.css和.js文件都能被正确编译。

如果改成如下：

<build>
    <resources>
        <resource>
            <directory>src/main/resources</directory>
            <includes>
                <include>**/*.properties</include>
                <include>**/*.xml</include>
                <include>**/*.yml</include>
            </includes>
            <filtering>true</filtering>
        </resource>
        <resource>
            <directory>src/main/java</directory>
            <includes>
                <include>**/*.properties</include>
                <include>**/*.xml</include>
                <include>**/*.yml</include>
            </includes>
            <filtering>true</filtering>
        </resource>
    </resources>
</build>

代表只将resources下的.properties文件、.xml文件、.yml文件编译到target/classes文件夹中。 自然不会有静态资源，也无法被引用。 编译后的目标文件夹如下：

可以看到css引用，根据上面的pom文件，编译出来的target/classes文件夹根本没有静态资源，根本不可能引用成功。

3. 注意3.1。 每次更改pom文件时都运行它，否则不会更新，也看不到修改的疗效。 3.2. Maven每次编译时都会清理它，否则上次形成的文件可能会影响这次。 所以你找不到真正的原因