css 点击向下移动 |dreamweaver链接css

/* 点击事件的伪类 */
a:active {
/* 向下移动10像素 */
position: relative;
top: 10px;
}

上面的代码中，“a:active”表示点击链接的伪类，然后大家给它添加了一些样式。具体来说，“position: relative”是相对定位，让下面的top属性生效。而“top: 10px”则是向下移动10像素。

除了链接以外，大家还可以应用在其他元素上。比如按钮、图片等等。只需要将“a:active”替换为对应的选择器即可。

需要注意的是，这个效果只有在点击的瞬间才会生效。如果需要一直保持向下移动的效果，可以考虑使用JavaScript。

总之，CSS的伪类可以实现很多有趣又实用的页面效果，让大家一起来探索吧！