主页
M
html5
JavaScript
DIV+CSS
前端美工
--网页制作--
Java与JSP
PHP
Python 3
Golang
--网络编程--
Mysql
Oracle
NoSQL
SQLite
--数据库--
Linux
正则表达式
架构
--运维--
--网页特效--
--移动开发--
SDN
QUIC
网络原理
--网络--
强化学习
机器学习
--人工智能--
区块链1
区块2
--区块链--
爬虫技术
爬虫案例
--数据采集--
理论
dapp案例
--dapp--
css3标签，用于显示状态
2023-08-16
网页编程网
网页编程网
用于突出显示当前的状态等，可通过修改背景色来区分。
<style> .label{ display:inline; padding:0.2em 0.6em 0.3em; font-size:75%; font-weight:700; line-height:1; color:#fff; text-align:center; white-space:nowrap; vertical-align:baseline; border-radius:0.25em; } .label-default{ background-color:#777; } .label-temp{ background-color:#EE7942; } .label-success{ background-color:#5cb85c; } </style> <div class="label label-default">待入库</div> <div class="label label-temp">已收货</div> <div class="label label-success">已入库</div>
<style> .t{ background-color:#7c85ff; color:#fff; padding:3px 10px; border-radius:8px; font-weight:bold; line-height:24px; font-size:12px; margin-right:10px; } .success{ background-color:green; } </style> <span class="t">已收货</span><span class="t success">已确认</span>
阅读原文
阅读
652
123
显示电脑版