提醒:本文已经超过 1602 天未修改,其中某些信息可能已经过时,请谨慎使用!
你似乎正在查看一篇很久远的文章。
为了你这样的访客,我特地保留了我的历史博文。不要笑话过去的我,用温柔的目光看下去吧。
如题,你的网站还是边边角角和直线?难道你没发现现在的主题已经开始走圆润化了吗?事实上曲线比直线好看多了。
small_xu038·2019-03-15·2.43k 次阅读
提醒:本文已经超过 1602 天未修改,其中某些信息可能已经过时,请谨慎使用!
你似乎正在查看一篇很久远的文章。
为了你这样的访客,我特地保留了我的历史博文。不要笑话过去的我,用温柔的目光看下去吧。
如题,你的网站还是边边角角和直线?难道你没发现现在的主题已经开始走圆润化了吗?事实上曲线比直线好看多了。
以我的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.iloli.xin/909.html
访问时间:2024-12-02 02:17:22
Comments | NOTHING