如何在 Html/Css 中实现这种风格？

【问题标题】：How can i achieve this style in Html/Css?如何在 Html/Css 中实现这种风格？
【发布时间】：2016-09-17 18:43:51
【问题描述】：

我想添加这些行，你可以在日记和交易的底部看到我如何实现这一点我做了所有我对 CSS 不熟悉的事情

【问题讨论】：

这些行是什么意思？请使用任何代码游乐场向我们展示您的代码，以便我们做出决定（jsfiddle.net 或 codepen.io）
这可能只是text-decoration:underline，或者border-bottom: 1px solid gray
@CarlosAraya 请查看标有图片的表格
我确实检查了图像。尽管如此，我还是不明白“...我怎么能做到这一点，我做了所有事情”是什么意思。

标签： html css web

【解决方案1】：

您可以像这样在每个元素上添加边框：

<div style="border-bottom: 1px solid #ddd;">Journal Type:</div>

或者在<head>创建类：

<head>
    <style>
      .border{
          border-bottom: 1px solid #ddd;
      }
    </style>
</head>

并将其添加到您的元素中：

<div class="border">Journal Type:</div>

【讨论】：

【解决方案2】：

您也可以尝试<hr> 标签，看看它是否适合您的需求。

【讨论】：

猜你喜欢

1970-01-01
2011-11-25
1970-01-01
1970-01-01
2020-01-14
2011-02-17
2018-01-27
2012-04-28
2022-09-30

相关资源

下载 2023-01-10
下载 2021-06-24
下载 2021-06-26
下载 2023-01-04
下载 2022-12-19

最近更新更多

热门标签

Java Python linux javascript Mysql C# Docker 算法前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库数据结构大数据 js 机器学习微服务 Android Go 程序员面试 JVM ASP.net core 云原生人工智能后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习多线程 React 架构 devops 爬虫云计算 Spring Boot LeetCode