当前位置:奉上博客 » 站长之家 » 正文

WordPress美化-给文章图片添加圆角、阴影

参考其他博客,发现有些站点圆角用的美轮美奂,整个站点UI都有很大的提升,而我也特别喜欢加圆角和阴影。

css代码

此内容查看价格为20积分,VIP 5折、终身VIP免费,请先

或者

img.alignright {
float:right; 
margin:0 0 1em 1em;
border:3px solid #EEEEEE;
}
img.alignleft {
float:left; 
margin:0 1em 1em 0;
border:3px solid #EEEEEE;
}
img.aligncenter {
display: block; 
margin-left: auto; 
margin-right: auto;
border:3px solid #EEEEEE;
}
img.alignnone { 
border:3px solid #EEE; 
}

如果您只想在需要时使用图像边框,则可以在图像中添加CSS类(参见上文)。在主题或子主题中为此CSS类添加样式规则。

img.border-image { 
border: 3px solid #eee;
padding:3px; 
margin:3px;
}

您可以根据自己的需要随意更改边框宽度,颜色,填充和边距。

大家也可以直接下载插件“WP Image Borders”,安装即可使用,百度自行下载

相关文章