网页编程网
www.youkud.com
掌握计算机、网络技术，让生活更美好！
主页
网页制作
html5
JavaScript
DIV+CSS
前端美工
网络编程
Java与JSP
PHP
Python 3
Golang
数据库
Mysql
Oracle
NoSQL
SQLite
运维
Linux
正则表达式
架构
网页特效
移动开发
网络
SDN
QUIC
网络原理
人工智能
强化学习
机器学习
区块链
区块链1
区块2
dapp
理论
dapp案例
数据采集
爬虫技术
爬虫案例
当前位置：
主页
>>
DIV+CSS
>> 正文
css3标签，用于显示状态
阅读：1156 输入：2023-08-16 09:53:28
用于突出显示当前的状态等，可通过修改背景色来区分。
<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>
上一篇：
日志编程思路
下一篇：
yield在数据库查询中的内存优化探索
相关阅读
css3中flex简单入门
纯CSS3实现的带尖角的按钮代码
用css3美化半个字符巧妙方法
下载专区
软件下载（提取码：mtag）
Tag
网站Tag
标签云
HTML工具
进制间转换
进制转换（带小数）
html代码运行
HTML工具
字母翻转
硬盘整数分区
html颜色代码
HTML工具
除空格回车
万年历
fojiao
HTML工具
小游戏
在线绘画
更多
手机版
联系微信:jingqishens