HTML页面仿iphone数字角标
生活随笔
收集整理的這篇文章主要介紹了
HTML页面仿iphone数字角标
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
做仿iphone樣式的數字角標，用簡單的css來實現
<html>
<head>
<title>角標數字</title>
<style type="text/css">
.jiaobiao{
position: absolute;
height: 15px;
width: 15px;
border-radius: 30px;
background: red;
line-height: 15px;
text-align: center;
top: 1px;
left: 30px;
}
</style>
</head>
<body>
<span>消息<ss class="jiaobiao">1</ss></span>
</body>
</html>
保存直接運行可看到效果
轉載于:https://www.cnblogs.com/ichemmwangd/p/5231152.html
總結
以上是生活随笔為你收集整理的HTML页面仿iphone数字角标的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： win10怎么禁用特定u口 禁用Win1
- 下一篇： 【解决方案】如何实现在HTML页面加载完