网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索

 
 
 
日一二三四五六
       
       
       
       
       
       

签到排名:今日本吧第个签到,

本吧因你更精彩,明天继续来努力!

本吧签到人数:0

一键签到
成为超级会员,使用一键签到
一键签到
本月漏签0次!
0
成为超级会员,赠送8张补签卡
如何使用?
点击日历上漏签日期,即可进行补签。
连续签到:天  累计签到:天
0
超级会员单次开通12个月以上,赠送连续签到卡3张
使用连续签到卡
07月10日漏签0天
前端吧 关注:224,201贴子:1,387,035
  • 看贴

  • 图片

  • 吧主推荐

  • 游戏

  • 13回复贴,共1页
<<返回前端吧
>0< 加载中...

这个东西有办法用css实现吗,问ai都不知道怎么描述

  • 只看楼主
  • 收藏

  • 回复
  • 盗跖X
  • 初涉江湖
    1
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
主要是叹号右边,文字左边那个,矩形左边抠出一个半圆


  • 南冥有喵
  • 武林新贵
    8
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
给感叹号一个白色的border遮住红色背景就有了


2025-07-10 22:14:05
广告
  • emo仂
  • 四方游侠
    5
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
这个都实现不了转行吧,定位秒了


  • 云天
  • 四方游侠
    5
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
实在不会就切图


  • 稻草人sss33
  • 武林高手
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
插眼,求个完整代码


  • wehome520
  • 初涉江湖
    1
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
白色的border遮住红色的长条就可以在外部形成白色的圆环,然后再使用盒子阴影添加内部的红色圆环,最后设置背景色为白色即可。注意浏览器会出现渲染像素的精度误差,所以要把这个元素放大1.01倍遮住左侧的红色细线。


  • wehome520
  • 初涉江湖
    1
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
✨html代码:<div><span class="icon">❗</span><span class="text">重要</span></div>
✨css代码: div { display: flex; gap: 10px; align-items: center; width: 300px; border-radius: 100px; background-color: red; } .icon { display: flex; justify-content: center; align-items: center; border-radius: 100%; border: 3px solid white; box-shadow: 0 0 0 4px red inset; width: 30px; height: 30px; background-color: white; transform: scale(1.01); } .text { color: white; }


  • 梦里樱花-
  • 仗剑天涯
    3
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
就一个长方形和圆,用定位重叠起来圆的层级比长方形高,感叹号用borderRadius


2025-07-10 22:08:05
广告
  • 王稳健
  • 武林新贵
    8
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
白色边框,定位啊


  • index.ts
  • 武林高手
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
最底下是圆柱,然后定位一个白圆遮在上面,最顶上定位一个感叹号就行了


登录百度账号

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频!
  • 贴吧页面意见反馈
  • 违规贴吧举报反馈通道
  • 贴吧违规信息处理公示
  • 13回复贴,共1页
<<返回前端吧
分享到:
©2025 Baidu贴吧协议|隐私政策|吧主制度|意见反馈|网络谣言警示