小编use*_*488的帖子

如何在链接下方添加一条短线？该行应仅在悬停时可见.我尝试使用border-bottom,但是那条线是100%的链接宽度,我希望线条比链接短.

这是我尝试制作的效果的示例图像.

有谁知道为什么我的媒体查询代码不起作用？

 <div class="box"></div> 

 .box {
     background-color: red;
     width: 100%;
     height: 50px;
 } 

 @media only screen and (max-device-width: 768px)  {
     .box {border: 5px solid blue;}
 }

http://jsfiddle.net/N9mYU/

有没有办法像这样创建一个阴影:

我想要的是在底部中心比在左下/右边更大的阴影.

我正在尝试创建一个自定义搜索页面,通过创建所有新的search.php文件,为我的wordpress模板...到目前为止,这么好.

问题是,当我搜索某些东西时,它没有显示任何结果.我猜这与某些PHP脚本或我不知道的东西有关.

我该如何解决这个问题？

PS结果数量的函数工作正常,但没有任何结果.

这是search.php的内容

<?php 

    get_header(); 

?>
 <?php if (have_posts()) : ?>
               <?php while (have_posts()) : the_post(); ?>
<h1>Search Results</h1>
<?php endwhile; ?> 

<?php else : ?> 

<?php _e( 'Nothing Found' ); ?> 
<?php endif; ?>


<?php
    get_footer(); 

?>

我无法弄清楚如何在悬停时使圆形涂鸦（如手绘草图）出现在链接上。在完美的世界中，它应该是一个动画 svg 路径，但此时仅出现对我来说就可以了。这正是我想要实现的目标：

我尝试将背景图像设置为不透明度：0，并将鼠标悬停在不透明度：1 上，但问题是，当链接较长时，背景图像无法覆盖全部内容。我也尝试过使用边框，但后来我无法添加自定义边框形状，使其看起来像用钢笔绘制的圆形草图。

这是我在网上找到的一个示例：单击此处，“突出显示的标题”下的“圈我”示例

我希望这一切都有意义，谢谢！