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

问题描述：

我已向基本html网站添加了一个新页面。我想在内容列表中添加一个带有边框和文字的黄色新星，这样人们就可以一目了然地看到变化。但我没有尝试的作品。我管理的最好的是一个黄色的问号！帮帮我！请！如何在html中显示页面更新为新的黄色星形

答

.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/构建了一个基本的例子。玩的价值观，你应该很好去满足你的需求。

答

有很多方法可以采取。例如： - 一张明星的图片将作为嵌入式嵌入使用 - 或者，您可以使用wingdings创建一个星号，并用div标签将其包围，并添加一个css类以控制边框并显得您想要的。

如果您可以更具体地了解您想采取的方法以及原因，人们将能够更轻松地为您提供帮助。

答

我目前没有一个CSS表，它只是直线html。它建立很久以前！我有一天会从头开始重建它，但此刻，我只需要一个能够直接用于html的缓存，并给我一个带有边框的星号，最好是中间的黄色，并且如果可能的话，使用单词新的里面。

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

相关推荐