emlog css3实现页面圆角化

emlog css3实现页面圆角化（wp也适用）

圆角化效果

上下效果对比，圆润的边框更具有美感，看上去更赏心悦目！

圆角化代码

页面边框圆角化是通过css3代码实现的，这串代码可以通过在线制作获取：网页CSS3圆角在线生成调试。

将代码加入模板的css文件

利用检查元素（右键），选择边框内容（我用的QQ浏览器）

1.先用元素选择器选择想修改的边框，然后右下角会显示详细信息，我们将框选住的内容进行复制。2.进入模板目录，找到当前模板（通常模板风格文件为style.css，我以Fly主题为例）找到style.css目录，进入编辑模式。然后将复制内容复制进行搜索。

我们会搜索到多个地方有相同关键词，这是因为边框颜色都是相同的，我们可以按照边框大概位置进行css定位，通常在后面有background的地方，也可以逐个尝试（

原谅我没有css语言基础）。3.找到大概位置后复制css圆角代码，将代码复制到搜索内容之后（注意分号），点击保存

4.打开网站主页刷新，如果边框出现圆角，无乱码，那么边框圆角化就成功了！

1.腾龙梦屋文章内容无特殊注明皆为源儿原创，转载请注明来源，谢谢！
2.若有相关文章侵犯您的权益，请联系源儿删除，谢谢！
3.相关软件、资料仅供学习参考使用，在24h内务必删除！
腾龙梦屋 » emlog css3实现页面圆角化

分享到：