热门标签
热门文章
- 1星火认知大模型API接入Python教程，中文回答效果非常友好_星火api
- 2阿里云开放端口_8443端口是什么服务
- 3一步一步带你深入源码看Spring是如何加载XML配置文件的_spring 加载xml
- 4Maven使用笔记（二）Eclipse中maven项目添加依赖
- 5PDF加密、分割和生成封面图操作_使用pdfbox生成封面
- 6java项目部署-将jar包上传至云服务器并运行-nohup的使用_nohup java
- 7微信小程序使用讯飞接口语音识别_微信小程序 访问 讯飞开放平台
- 8为c语言安装easyx图形库_gcc安装easyx
- 9mt6582 pwm_old mode与fifo mode是什么
- 10ue4光追降噪_UE4.24 SSGI实现分析
当前位置: article > 正文
html实现圆桶效果,如何用纯css3绘制圆柱体
作者：Cpp五条 | 2024-02-16 21:33:42
赞
踩
css 画圆桶
Document
.yuanzhu{ position: relative; height: 200px; width: 50px; margin-top: 30px; background:red;margin:30px auto; z-index: 999 }
.yuanzhu:before{position: absolute; top:-10px; content: ""; display: block; width: 50px; height: 20px; border-radius:50%; background: #000; z-index: 99}
.yuanzhu:after{position: absolute; bottom:-10px; content: ""; display: block; width: 50px; height: 20px; border-radius:50%; background: red; z-index: 9 }
这个是源代码
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Cpp五条/article/detail/96873
推荐阅读
相关标签
