css元素点击后边框变色 |css写一个9宫格

/* 选中的元素边框颜色 */
.selected {
border: 1px solid #a7c1d5;
}
/* 点击选中元素时的边框颜色 */
.selected:active {
border-color: #ffa07a;
}

上述代码中，大家首先为需要选中的元素定义一个CSS类名“selected”，并给该类名设定边框为1像素的实线，颜色为#a7c1d5。接着，在该类名后追加“:active”伪类选择符，用于指定在用户点击该元素时触发的样式。在这里，大家将边框颜色设为#ffa07a，即当用户点击选中元素后，该元素的边框会变成橙色。

使用上述代码，可以非常方便地实现元素点击后边框变色的效果，提升网页的交互性和美观程度。