字体上的线

最新推荐文章于 2024-09-24 10:00:08 发布

诶！吃糖糖

最新推荐文章于 2024-09-24 10:00:08 发布

阅读量301

点赞数

文章标签： css

本文链接：https://blog.csdn.net/ykkkkkk007/article/details/123902347

版权

CSS 文字样式 linear-gradient text-decoration 前端开发

关键词由CSDN通过智能技术生成

<template>
  <div class="font">
    <h2>文字样式</h2>
    <span class="Slash">斜线</span>
    <span class="line2">贯穿线</span>
    <span class="line3">下划线</span>
  </div>
</template>
<script>
export default {};
</script>
<style>
.font {
  margin: 20px;
}
span {
  margin-right: 20px;
}
.Slash {
  background: linear-gradient(
    338deg,
    transparent 42.5%,
    #000 49.5%,
    #000 50.5%,
    transparent 50.5%
  );
}
.line2 {
  text-decoration: line-through;
}
.line3 {
  text-decoration: underline;
}
</style>