温暖的灵魂终将相遇
提醒：本文已经超过 1550 天未修改，其中某些信息可能已经过时，请谨慎使用！
你似乎正在查看一篇很久远的文章。
为了你这样的访客，我特地保留了我的历史博文。不要笑话过去的我，用温柔的目光看下去吧。
如题，你的网站还是边边角角和直线？难道你没发现现在的主题已经开始走圆润化了吗?事实上曲线比直线好看多了。
以我的Siren主题为例，首先打开你的开发者工具，这里以Chrome为例，定位到你要修改的Class(遇事不决，F12)
然后把如下css添加进去。一般主题都是style.css，有的是main.css，总之，找到负责你网站的主要css就对了！
border-radius: 30px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;这么着急去修改css？？？
差点没说，你可以通过F12来试试查看修改后的效果(差点把这个忘了)
如下图，px你可以理解为圆润程度随你怎么改(别太圆就行)，而且你可以改一些别的比如边框的厚度，这里我改成5px。
好的，我们把卡片改好了，可是图片怎么办？
不要着急你就不能看完这篇教程吗？
我打赌你看完这篇教程也不会超过十分钟
依然是打开f12定位到缩略图的class
border-radius: 20px;
box-shadow: rgba(0,0,0,0.5) 6px 6px 6px;急着去修改css？
我说了多少次了(好像就一次)，改之前现在F12看看效果。其中border-radius是圆润程度，box-shadow是阴影程度，当然你不喜欢可以去掉。
同理这个方法可以用到很多地方，for example，这个公告板:
最后提醒一下css要写到括号里面(没人会失了智一样写外面吧)，如果这对你有帮助，不妨打个赏
作者:小小柳之絮 转载请标明原文地址！
版权声明:转载时请以超链接形式标明文章原始出处和作者信息，来源孤影墨香本文链接: https://www.gymxbl.com/909.html
访问时间:2024-10-10 04:54:34
正因为知道可以在空中翱翔，才会畏惧展翅的那一刻而忘却疾风 努力学习ing
Comments | NOTHING