css3outline

CSS3中的outline属性是一种很有用的样式属性，它可以为一个元素添加边框之外的轮廓线。这个轮廓线可以和边框不同，而且有更多的样式可以选择。

div{
outline: 5px dotted red;
}

在上面的例子中，我们为div元素添加了一个5像素宽的虚线轮廓线，并设置为红色。我们也可以使用其他样式，例如实线、双线、点线、点、地形、输入等等。同样，我们可以指定颜色、宽度等其他选项。

p{
outline-color: blue;
outline-style: solid;
outline-width: 2px;
}

上面的例子中，我们指定了一个2像素宽的实线轮廓线，颜色为蓝色。我们也可以分别指定每个选项的值，或者只指定一些选项，其他选项使用默认值。例如，我们只想为一个元素添加轮廓线颜色，可以通过下面的代码实现。

a{
outline-color: green;
}

最后，有些时候我们可能不想要轮廓线占用空间，这时可以使用outline-offset选项来调整轮廓线位置。例如，我们想让轮廓线在元素内部，可以这样写：

div{
outline: 2px solid blue;
outline-offset: -5px;
}

上述代码将轮廓线向内调整了5像素。这个功能可以非常便捷地实现类似于点击效果等视觉效果。

查看更多关于css3outline的详细内容...