注意看下面 margin-left 的值，想不到还可以这么用吧。
article.excerpt:hover {border: 1px dashed #ccc;margin-left:-15px;margin-right:-15px;background-color:#eee;}
陌小雨主要是用该串代码给首页的文章添加一个选中后的背景颜色，这个属性用在图片上面可以给图片添加边框和颜色的。类似于下面这种效果图：
注意看下面 margin-left 的值，想不到还可以这么用吧。
article.excerpt:hover {border: 1px dashed #ccc;margin-left:-15px;margin-right:-15px;background-color:#eee;}
陌小雨主要是用该串代码给首页的文章添加一个选中后的背景颜色，这个属性用在图片上面可以给图片添加边框和颜色的。类似于下面这种效果图：
![零起点php入门第9课-php语言结构（4）](https://dedewp.com/wp-content/themes/wpcool/timthumb.php?src=https://dedewp.com/wp-content/uploads/phpyyjg.png&w=80&h=60&zc=1")
![零起点php入门第12课-php数组（1）](https://dedewp.com/wp-content/themes/wpcool/timthumb.php?src=https://dedewp.com/wp-content/uploads/phpsz.png&w=80&h=60&zc=1")
![我就喜欢你们做网站的](https://dedewp.com/wp-content/themes/wpcool/timthumb.php?src=https://dedewp.com/wp-content/themes/wpcool/images/random/3.jpg&w=80&h=60&zc=1")
![网页不满屏幕高度时，footer始终在底部显示](https://dedewp.com/wp-content/themes/wpcool/timthumb.php?src=https://dedewp.com/wp-content/themes/wpcool/images/random/2.jpg&w=80&h=60&zc=1")
![WordPress管理员无需密码一键登陆站点注册用户](https://dedewp.com/wp-content/themes/wpcool/timthumb.php?src=https://dedewp.com/wp-content/uploads/2018042111590811.png&w=80&h=60&zc=1")
![利用七牛免费做图床，再加个假logo](https://dedewp.com/wp-content/themes/wpcool/timthumb.php?src=https://dedewp.com/wp-content/themes/wpcool/images/random/1.jpg&w=80&h=60&zc=1")