当前位置：文江博客话题详情

如何显示 ► html 中的播放（前进）或实线右箭头符号？

发布于 2025-01-05 06:24:28 字数 37 浏览 0 评论 0原文

如何在 html 中显示 ► 播放（前进）或实线右箭头符号？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

街道布景 2025-01-12 06:24:28

是的，►，但它在所有浏览器中看起来可能不一样。

回复收藏 0 原文

抱猫软卧 2025-01-12 06:24:28

如果您需要在 CSS 中使用它，如

    li:before {
        content: '\25BA';
    }

这是 ► 的 CSS 转换
用于这些转换的有用工具：evotech.net/articles/testjsentities.html

If you need to use it in CSS, as in

    li:before {
        content: '\25BA';
    }

This is the CSS conversion of ►
A helpful tool for these conversions: evotech.net/articles/testjsentities.html

回复收藏 0 原文

メ斷腸人バ 2025-01-12 06:24:28

► 来自 Wolfram Alpha

回复收藏 0 原文

会傲 2025-01-12 06:24:28

我尝试使用 ascii 代码，但不喜欢它，因为它看起来总是很拉伸。

相反，我在网上找到了一个巧妙的、易于定制的解决方案，它使用 css 并且只操作 border 属性：

.play {
  border-top: 10px solid white;
  border-bottom: 10px solid white;
  border-left: 20px solid black;
  height: 0px;
}

<div class="play"></div>

I tried using the ascii code but didn't like it as it always looked stretched.

Instead, I found an ingenious easily customizable solution online, that uses css and only manipulates the border property:

.play {
  border-top: 10px solid white;
  border-bottom: 10px solid white;
  border-left: 20px solid black;
  height: 0px;
}

<div class="play"></div>

回复收藏 0 原文

深白境迁sunset 2025-01-12 06:24:28

以下是您可以使用的一长串内容：

http://brucejohnson.ca/SpecialCharacters.html

回复收藏 0 原文

双手揣兜 2025-01-12 06:24:28

Bootstrap glyphicons 是一个可靠的图标库：

https://getbootstrap.com/docs/3.3/components/

<span class="glyphicon glyphicon-play"></span><br>
<span class="glyphicon glyphicon-play-circle"></span><br>
<span class="glyphicon glyphicon-triangle-right"></span><br>

请记住在元素中还包含 Bootstrap 和 jQuery。

<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> 
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>

JSFiddle 对此进行了解释： https://jsfiddle.net/canada/dfr90pac/

Bootstrap glyphicons is a reliable library for icons:

https://getbootstrap.com/docs/3.3/components/

<span class="glyphicon glyphicon-play"></span><br>
<span class="glyphicon glyphicon-play-circle"></span><br>
<span class="glyphicon glyphicon-triangle-right"></span><br>

Remember to also include Bootstrap and jQuery in the <head> element.

<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> 
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>

JSFiddle explaining this: https://jsfiddle.net/canada/dfr90pac/

回复收藏 0 原文