这个视频我们简单的修改一下文章相册的样式 ... 文章里的相册是我们用 gallery 这个短代码插入进来的 ，它会用到 gallery_shortcode() 这个函数。如果想完全按照自己的想法去设计这个相册，你可能要自己创建一个函数。

这里我们做一点简单的修改，可以直接使用 CSS 完成 ...

先查看一下这个相册的样式 ... 在 <img> 标签上，有一个边框的样式 ... 这个样式并没有在样式表里，而是直接在这个页面上定义的 ....

想要重新定义相册图片的样式，我们可以重写一段 CSS 样式来覆盖这里的样式 ，这个样式使用了一个 id 加 标签的选择器，想要覆盖它，我们的样式的选择器的重量要大过现在的样式选择器 ...

在包装相册所有图片的元素上定义了一个 .gallery 的类 ... 而整个相册会在内容的 id 为 content 的元素里 ...

所以我们可以使用 id + 类 + 标签 的形式作为样式的选择器，这样的选择器的重量会大于现在的这个 id + 标签 的选择器 ...

打开主题的样式表 ...

先输入一段注释 ... /* Gallery */ 再输入 ...

先添加一个 1px 的灰色边框 ... 然后再加一个 3px 的内边距 ...
#content .gallery img{
border:1px solid #e5e5e5;
padding:3px
}

保存，回到前台页面 ... 刷新 ...

现在，文章的相册，会使用我们在样式表里定义的样式 ...