Question

我在我的基本html网站上添加了一个新页面。我想在内容列表中添加一个带边框和文字的黄色星形，以便人们可以一目了然地看到发生了什么变化。但我没有尝试任何工作。我管理的最好的是一个黄色问号！救命！请！

Answer 1

你可以采取很多方法。例如： - 一张星星的图片将作为内联嵌入 - 或者你可以使用wingdings创建一个星形符号并用div标签将其括起来并添加一个css类来控制边框和你想要的样子。

如果您可以更加具体地了解您想要采取的方法以及为什么，人们将能够更轻松地帮助您。

Answer 2

.star-5-points {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 0;
  height: 0;
  position: relative;
  margin: 50px 0;
  border: 100px solid rgba(0,0,0,0);
  border-top: 0 solid;
  border-bottom: 70px solid #000;
  font: normal 100%/normal Arial, Helvetica, sans-serif;
  -o-text-overflow: clip;
  text-overflow: clip;
  -webkit-transform: rotateZ(35deg)   ;
  transform: rotateZ(35deg)   ;
}

.star-5-points::before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 0;
  height: 0;
  position: absolute;
  content: "";
  top: -45px;
  left: -65px;
  border: 30px solid rgba(0,0,0,0);
  border-top: 0 solid;
  border-bottom: 80px solid #000;
  font: normal 100%/normal Arial, Helvetica, sans-serif;
  color: rgba(0,0,0,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  text-shadow: none;
  -webkit-transform: rotateZ(-35deg)   ;
  transform: rotateZ(-35deg)   ;
}

.star-5-points::after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 0;
  height: 0;
  position: absolute;
  content: "";
  top: 3px;
  left: -105px;
  border: 100px solid rgba(0,0,0,0);
  border-top: 0 solid;
  border-bottom: 70px solid #000;
  font: normal 100%/normal Arial, Helvetica, sans-serif;
  color: red;
  -o-text-overflow: clip;
  text-overflow: clip;
  text-shadow: none;
  -webkit-transform: rotateZ(-70deg)   ;
  transform: rotateZ(-70deg)   ;
}

.star-5-points > span {
  position: absolute;
  left: -36px;
  top: 20px;
  z-index: 1;
  transform: rotateZ(-35deg);
  font-weight: 700;
  font-size: 25px;
  color: #fff;
}

<div class="star-5-points"><span>NEW</span></div>

这里有一个我用http://enjoycss.com/code/构建的基本示例。玩弄价值观，你应该很乐意满足你的需求。

Answer 3

我目前没有css表，它只是直接的HTML。它是很久以前建造的！我有一天会从头开始重建它，但此刻，我只需要一个直接用于html的小屋并给我一个带有边框的星星，中间最好是黄色，如果可能的话，还有一个字新内部。

如何在html中以黄色星形显示页面更新为新内容

3 个答案: