这需要什么CSS3或jQuery？

我在这里有一个跨度，目前没有边界

<span> My Span </span>

---

谢谢，CSS3的堆栈溢出专家

使用

：活动

span:active{
background-color: BLUE;
}

这里
首先，您需要CSS以“span”为目标，而不是“span a”，因为span元素不包含子“a”

正如Ashish所提到的，您需要使用
：active

span:active{
background-color: BLUE;
}

我想你是想改变边界，而不是背景。您可以为此使用transition

     transition : border 1s ease; 
      -webkit-transition : border 1s ease; 
      -moz-transition : border 1s ease;
      -o-transition : border 1s ease; 
}
    span:active{
    border: 5px solid blue;
}

看这里：

只有当鼠标按钮按下时，转换才处于活动状态。
如果您希望淡化边框，可以使用jquery和css：

Jquery：

$('span').click(function () {
    $(this).addClass("blue").delay(1000).queue(function (next) {
        $(this).css('border', '1px solid transparent');
        $(this).removeClass("blue");
        next();
    });
});

CSS:

您的问题是什么？您显示的代码是C您是否在寻找蓝色或边框的背景？谢谢！愿上帝永远与你同在！在我们生活的方方面面帮助你身边的人，兄弟！我只是想知道，它只工作一次。我如何使它无休止地工作？如何使边框在单击它的次数相同时显示和消失？
span {
    margin : 20px;
    min-width: 150px;
    border-radius:5px;
    font-weight:bold;
    padding:10px;
    -webkit-transition: all 1s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all 1s ease;
}
.blue {
    border: 1px solid blue !important;
}