如何在CSS中倾斜虚线边框?

2024-02-06

我正在尝试使用 CSS 为邮件应用程序设计一个信封。我的客户想要这种方式的虚线边框

如何用 CSS 边框达到这种效果?


您可能需要稍微调整一下颜色。

.enveloppe {
	padding: 1em;
	border: 16px solid transparent;
	border-image: 16 repeating-linear-gradient(45deg, red 0, red 1em, transparent 0, transparent 2em,
	              #b67 0, #b67 3em, transparent 0, transparent 4em);
	
	max-width: 20em;
}
<div class="enveloppe">Lorem Ipsum</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在CSS中倾斜虚线边框? 的相关文章

随机推荐

  • 防止企业iOS应用程序被删除

    我想防止企业 iOS 应用程序被用户删除 Apple 提供了相关文档如何对 Web Clip 执行此操作 https developer apple com library archive documentation NetworkingI
  • 膨胀异常-膨胀文本视图时出错

    我有这个主要活动 我已在登录按钮上调用了验证方法 但是 当我单击该按钮时 我没有收到错误消息 并且我的应用程序崩溃了 任何帮助 将不胜感激 谢谢 这是我的 MainActivity Java 类 public class MainActiv
  • 强制 WCF 代理生成别名前缀

    为了符合客户端架构 我一直在尝试生成一个 WCF 客户端代理 该代理能够序列化为具有如下所示根节点的结构
  • 网站要求在 MVC 控制器上“需要身份验证”,但不要求在其他控制器上进行“身份验证”

    我有一个 asp net C MVC 网站 它使用 SimpleAuthentication 和表单身份验证 一切正常 需要人们登录才能访问页面 但是 我有一个名为 ReportsController 的控制器 每当您访问此控制器中操作的
  • 如何使用 lambda 函数更改 pandas df 中任意列的名称?

    有没有办法使用更改 pandas 数据框中的某些列名称lambda 但不是所有的 例如 假设该数据框的列名称为osx centos ubunto windows 在此数据框中 我想将所有列名称替换为附加的列名称x 所以在这种情况下 我可以通
  • 为什么我在 iOS 8 模拟器上收到这个 clang 错误:_fwrite$UNIX2003

    我已将新的 iOS 8 下载到我的手机中 并将最新的 Xcode 下载到我的 Mac 上 一切正常 但在加载并尝试新的 iPhone 6 plus 模拟器后 当我尝试 iPhone 4s 或 5 模拟器 适用于 5s 时 出现以下错误 Un
  • 如何处理 Elastic beanstalk 部署,使其仅上传更改的文件

    由于我是 AWS 新手 因此我在使用 Elastic beanstalk 时遇到了问题 我设置了一切并部署了第一个应用程序 到目前为止一切顺利 但是当我推送另一堆更改时 它只是替换了整个文件 而不仅仅是更改了的文件 在开发过程中 本地主机和
  • 我无法通过鼠标事件添加灯光

    我无法在 Three js 场景中使用 keydown 事件添加灯光 我有以下功能 function putLight light new THREE SpotLight 0xffffff light position set 10 80
  • osmdroid MapTileDownloader 现在显示 403 禁止作为 HTTP 响应

    我已经成功使用 osmdroid android 4 1 jar 一段时间来在我的应用程序中显示 OSM 地图图块 现在 从昨天开始 我根本没有显示任何图块 当我将手机连接到 PC 时 我在日志中看到 403 禁止响应 我使用 Androi
  • 使用 CSS 使图像大小为容器高度的 100%

    我环顾四周 阅读了一个又一个的解决方案 并尝试了各种方法 但从未让它正常工作 我希望图像最终根据浏览器窗口的当前高度动态调整大小 目前使用图像下方的代码是原始高度 最终比浏览器窗口大 导致出现垂直滚动条 注意 请记住 我希望使用相同数量的表
  • 为什么使用 IN(子查询)的查询比使用 IN(离散列表)的查询花费更长的时间

    这一直困扰着我 为什么这个查询 SELECT FROM TABLE WHERE value IN SELECT val FROM OTHER TABLE WHERE date lt 2014 01 01 运行速度比顺序运行此查询慢几个数量级
  • bash脚本..复制文件而不覆盖[关闭]

    Closed 这个问题是无关 help closed questions 目前不接受答案 我想知道是否可以根据原始名称将文件复制 移动到目的地 基本上 我有一个 mail 文件夹 其中有几个子文件夹 例如 cur 和 new 等 然后我在
  • 计算 PHP 类的创建次数

    我有一个 php 类 我为其创建了多个实例 我想计算一下我创建该对象的次数 有没有办法知道我已经创建了 3 个 myObjects 您可以创建一个static http php net manual en language oop5 sta
  • 无法安装自制程序

    我有一台相当新的 macbook pro 我只是尝试按照他们网站上的说明安装自制程序 usr bin ruby e curl fsSL https raw githubusercontent com Homebrew install mas
  • NSString 属性是复制还是只读?

    我看到很多讨论说我应该使用copyNSString 属性 因为它会阻止其他人在我背后更改它 但那我们为什么不直接设置readonly财产呢 Update 谢谢回答我的问题 但问题是 对于 NSString 属性 你总是不希望别人修改它 对吧
  • Swift UITableViewAutomaticDimension 不起作用

    我的 Swift 项目中有一张这样的表 var tableView UITableView tableView UITableView tableView dataSource self tableView delegate self ta
  • 如何在android中的通知中添加按钮?

    我的应用程序播放音乐 当用户通过从屏幕顶部 或通常从平板电脑屏幕的右下角 滑动打开通知屏幕时 我想向他们展示一个按钮来停止当前播放的音乐并在以下情况下重新启动 他们要 我不打算将小部件放在用户的主屏幕上 而只是放在通知中 我怎样才能做到这一
  • 如何使用无法删除的值初始化输入,但允许用户在输入后写入

    我正在使用 Angularjs 和 bootstrap 创建一些表单 我想使用无法删除的默认值来初始化输入 我不想使输入只读或禁用它 我想用一些无法删除的文本初始化输入 但让用户在该文本后写入 Example 代码 xyz 用户想要写入的任
  • 在新版本的 matplotlib 中使用 twinx 时定义宽高比

    当前版本的 matplotlib 不允许box forced再说了 我应该怎么做同样的事情answer https stackoverflow com a 24742133 11840592 我正在使用 matplotlib 3 1 0 当
  • 如何在CSS中倾斜虚线边框?

    我正在尝试使用 CSS 为邮件应用程序设计一个信封 我的客户想要这种方式的虚线边框 如何用 CSS 边框达到这种效果 您可能需要稍微调整一下颜色 enveloppe padding 1em border 16px solid transpa