求写图片中的样式 vue中使用,感激不尽,虚心请教不知道该如何是好 阴影部分不知道如何写
1条回答 默认 最新
- IT论之程序员 2023-06-13 13:03关注
这里是CSS样式: css .box { width: 200px; height: 200px; background: #fff; border-radius: 10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .img { width: 180px; height: 180px; border-radius: 10px; margin-left: 10px; margin-top: 10px; } .text { font-size: 20px; font-weight: bold; text-align: center; margin-top: 10px; } 在Vue中使用: vue <template> <div class="box"> <img class="img" src="./logo.png" /> <p class="text">Shadow</p> </div> </template> <style scoped> @import './style.css'; </style> 通过`@import './style.css';`导入外部的CSS文件。 阴影的书写在`.box`选择器下,通过`box-shadow`属性设置阴影效果。 希望这个可以帮助到你!如果还有其他问题欢迎提出。
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 1无用
悬赏问题
- ¥15 虚幻5 UE美术毛发渲染
- ¥15 CVRP 图论 物流运输优化
- ¥15 Tableau online 嵌入ppt失败
- ¥100 支付宝网页转账系统不识别账号
- ¥15 基于单片机的靶位控制系统
- ¥15 真我手机蓝牙传输进度消息被关闭了,怎么打开?(关键词-消息通知)
- ¥15 装 pytorch 的时候出了好多问题,遇到这种情况怎么处理?
- ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
- ¥15 手机接入宽带网线,如何释放宽带全部速度
- ¥30 关于#r语言#的问题:如何对R语言中mfgarch包中构建的garch-midas模型进行样本内长期波动率预测和样本外长期波动率预测