如何将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 delphi webbrowser组件网页下拉菜单自动选择问题
- ¥15 wpf界面一直接收PLC给过来的信号,导致UI界面操作起来会卡顿
- ¥15 init i2c:2 freq:100000[MAIXPY]: find ov2640[MAIXPY]: find ov sensor是main文件哪里有问题吗
- ¥15 运动想象脑电信号数据集.vhdr
- ¥15 三因素重复测量数据R语句编写,不存在交互作用
- ¥15 微信会员卡等级和折扣规则
- ¥15 微信公众平台自制会员卡可以通过收款码收款码收款进行自动积分吗
- ¥15 随身WiFi网络灯亮但是没有网络,如何解决?
- ¥15 gdf格式的脑电数据如何处理matlab