自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

-+

上一步保存

是喵喵酱呀！

你好呀~

博客等级

码龄7年

74
原创

49
点赞

70
收藏

32
粉丝

关注

私信

分类专栏

最新评论

使用box-shadow做出卡片效果
代码上的熊猫: 需要在CSS样式表中添加text-align: center;属性 [code=html] <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>使用box-shadow做出卡片效果</title> <style> div.card { width: 250px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); //设置两层阴影 text-align: center; } div.header { background-color: #4CAF50; color: white; padding: 10px; font-size: 40px; text-align: center; /* 添加这一行以使文本居中 */ } div.container { padding: 10px; text-align: center; /* 添加这一行以使文本居中 */ } </style> </head> <body> <div class="card"> <div class="header"> <h1>1</h1> </div> <div class="container"> <p>January 1, 2016</p> </div> </div> </body> </html> [/code]
免费-华为od-C卷-javascript-动态规划-贪心歌手.js
普通网友: 支持一下！我也写了一篇获取【大厂面试真题解析、核心开发学习笔记、最新全套讲解视频、实战项目源码讲义、学习路线简历模板】的文章
华为OD机试真题-传递悄悄话-2024年OD统一考试（C卷）-Javascript
普通网友: 写的真好！我也写了一篇获取【大厂面试真题解析、核心开发学习笔记、最新全套讲解视频、实战项目源码讲义、学习路线简历模板】的文章
免费-华为od-C卷-javascript-动态规划-贪心歌手.js
喵喵酱呀: 还有很多，链接是github, 进去可以查看对应文件夹就行
免费-华为od-C卷-javascript-动态规划-贪心歌手.js
喵喵酱呀: 👏 欢迎交流，也可以直接提github issue

CSS

关注

关注数：文章数：2 文章阅读量：2184 文章收藏量：0

作者: 喵喵酱呀

我想做个有用的人

展开

专栏收录文章