How do I display ► Play (Forward) or Solid right arrow symbol in html?

如何在 html 中显示这个右箭头符号？

179394 次浏览
小开

下面是一长串你可以使用的东西:

Http://brucejohnson.ca/specialcharacters.html

小开
最佳答案

Yes, ►, but it might not look the same in all browsers.

小开

Wolfram Alpha呼叫 ►

小开

Well, you could use an image and display it in the <img> tags. On their click event, you could write some JavaScript code. You could search the images in Google.

小开

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

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

这是 &#9658;的 CSS 转换 这些转换的一个有用的工具: < a href = “ http://www.evotech.net/article/testjentities.html”> evotech.net/articles/testjsentities.html

小开

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

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

.play {
border-top: 10px solid white;
border-bottom: 10px solid white;
border-left: 20px solid black;
height: 0px;
}
<div class="play"></div>

小开

可以使用 Bootstrap 象形文字。

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

请记住还要在 <head>元素中包含 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/


提交答案