如何用HTML5实现如下的样式,急求源代码!!!!

如何用HTML5实现如下的样式,急求源代码!!!!,第1张

css:

test{
    font-weight:500;
    font-family: "黑体";
    font-size: 14px;
}
test p span{
    width:50px;
    height:15px;
    display: inline-block;
    border-right:2px solid white;
    text-align: center;
}
test tex span:first-child{
    width:25px;
    text-align: left;
}
test clo span:nth-child(1){
    background-color:#01E400; 
}
test clo span:nth-child(2){
    background-color: #FFFF00;
}
test clo span:nth-child(3){
    background-color:#FF7E00; 
}
test clo span:nth-child(4){
    background-color: #FF0000;
}
test clo span:nth-child(5){
    background-color: #99004C;
}
test clo span:nth-child(6){
    background-color: #7E0023;
    border-right:none;
}

html:

<div class="test">
        <p>PM25浓度示意图例(微克/立方米)</p>
    <p class="clo"><span></span><span></span><span></span><span></span><span></span><span></span></p>
    <p class="tex"><span>0</span><span>35</span><span>75</span><span>115</span><span>150</span><span>250</span></p>
</div>

欢迎分享,转载请注明来源:品搜搜测评网

原文地址:https://pinsoso.cn/meirong/3081188.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2024-01-19
下一篇2024-01-19

随机推荐

  • 孕妇可以用的水乳牌子

    孕妇可以用的水乳牌子  孕妇可以用的水乳牌子,很多人都知道,怀孕后是有很多的禁忌需要注意的,特别是护肤品方面,有些成分用了是对胎儿有影响的,所以一定要注意,下面是孕妇可以用的水乳牌子。孕妇可以用的水乳牌

    2024-04-15
    36000
  • 精华露的正确使用步骤

    精华液和精华液本质上是一样的,所以用的顺序是一样的,爽肤水之后,乳液之前。但也有一些品牌的精华比较特殊,在爽肤水之前使用,也就是洁面后的第一步,比如:秘密美白柔滑精华、雪花秀保湿精华。1洗脸:洗面奶、面霜或慕思是最常用的洗脸方法。2涂抹爽肤

    2024-04-15
    42600
  • 春季旺销产品有哪些

    春天是一个美好的季节,但是春天乍暖还寒,所以保暖的家纺用品一定要准备好哦。还有春天潮湿多雨,家居除湿、干衣的电器也是非常重要的。季节的变换,春季也不能忘了好好护肤。接下来小编从春季生活电器、春季家纺、春季护肤三个方面入手,为大家推荐春日好物

    2024-04-15
    38600
  • 有没有好的防晒乳呢?

    1、Nivea妮维雅水感防晒啫喱SPF50这个妮维雅水感防晒是目前为止我用得最多的一款防晒,找代购买80人民币左右有140g的容量,所以大量抹在胳膊上腿上也不心疼。它挤出来是半水状半乳液状的质地,不像那种厚重的防晒,很水润,极度容易推开,抹

    2024-04-15
    27400
  • 精华液哪款好用

    精华液是选贵的还是选口碑好的?我相信有无数的人都这么问?其实回答哪个都是错的,真正的答案是,还要好的,还要价格实惠的。我们都是大人,为什么不能尽量兼顾呢?所以今天我们就给大家介绍6款真正高口碑效果好,价格实在的精华液排行榜,让你绝对买的放心

    2024-04-15
    32000
  • 娇后鱼子酱双抗套盒用着效果好吗

    好。1、效果。娇后鱼子酱双抗套盒中所含的鱼子酱精华含有兴奋剂和抗氧化剂,可以紧致肌肤,效果好。2、改善皮肤。娇后鱼子酱双抗套盒为肌肤提供充足的水分与能量,深层滋润肌肤、改善肌肤暗沉状态、守护肌肤水分、提高肌肤胶原再生力。好。1、保湿效果好。

    2024-04-15
    27400
  • 什么男士洗面奶让你觉得很好用呢?谈谈你的经验

    第一款芙丽芳丝洗面奶是在某猫忍痛割爱花了一百多买的,就是跟风,想体验一下高端产品的感觉芙丽芳丝洗面奶使用了椰油酰甘氨酸钾作为主要的清洁成分,能够清除面部的污垢、部分彩妆以及防水型的防晒。 洗面奶中还加入了一些植物成分,有保湿和舒缓作用,在脸

    2024-04-15
    29200

发表评论

登录后才能评论
保存