在网页设计的过程中，为了增强用户的交互体验，需要在网页中添加一些动态效果，其中就包括让用户可以在点击某个元素时，看到该元素的样式发生变化。这就需要使用 CSS 样式来实现简单的点击后效果。

常见的点击后效果主要有以下几种：

p:hover {
color: red;
}

鼠标在元素上悬停时文字变为红色。在上述代码中，“:hover”是 CSS 伪类选择器，表示鼠标在该元素悬停时应用的样式。

.btn:focus {
border: 2px solid blue;
outline: none;
}

在点击按钮时，按钮的边框变为蓝色。在上述代码中，“:focus”是 CSS 伪类选择器，表示元素获取焦点时应用的样式。同时，通过将“outline”设置为“none”，可以去除元素默认的蓝色焦点框。

button:active {
background-color: green;
}

在点击按钮时，按钮的背景颜色变为绿色。在上述代码中，“:active”是 CSS 伪类选择器，表示元素被点击时应用的样式。

总之，使用 CSS 样式可以轻松实现点击后效果，为网页增加更多的交互性和用户友好性。