如何将1和平面设计做成图片的样子
1条回答 默认 最新
- CSDN专家-天际的海浪 2021-11-20 03:23关注
你题目的解答代码如下:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title> 页面名称 </title> <style type="text/css"> .d { position: relative; margin: 50px 0px; padding-left: 200px; width: 200px; height: 30px; line-height: 30px; background-color: #FC9; border: 2px solid #900; color: #900; font-size: 20px; } .d:before { content: ""; position: absolute; top: -40px; left: 50px; z-index: -1; width: 100px; height: 100px; background-color: #FC9; border: 2px solid #900; border-radius: 100%; } .d:after { content: attr(data-number); position: absolute; top: -38px; left: 52px; z-index: 1; width: 100px; height: 100px; text-align: center; line-height: 100px; background-color: #FC9; border-radius: 100%; } </style> </head> <body> <div class="d" data-number="1">平面设计</div> </body> </html>
如有帮助,望采纳!谢谢!
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 微信公众平台自制会员卡可以通过收款码收款码收款进行自动积分吗
- ¥15 随身WiFi网络灯亮但是没有网络,如何解决?
- ¥15 gdf格式的脑电数据如何处理matlab
- ¥20 重新写的代码替换了之后运行hbuliderx就这样了
- ¥100 监控抖音用户作品更新可以微信公众号提醒
- ¥15 UE5 如何可以不渲染HDRIBackdrop背景
- ¥70 2048小游戏毕设项目
- ¥20 mysql架构,按照姓名分表
- ¥15 MATLAB实现区间[a,b]上的Gauss-Legendre积分
- ¥15 delphi webbrowser组件网页下拉菜单自动选择问题