css实现点击按钮后出现页面上

最近我在学习前端开发，其中涉及到CSS的使用。我学习了如何用CSS实现点击按钮后出现页面上的文章。下面是代码实现：

/* HTML代码 */
展示文章

  
这是第一段文章
  

这是第二段文章
  
这是第三段文章


/* CSS代码 */
p {
  font-size: 16px;
  line-height: 1.5;
  margin: 10px 0;
}

/* JS代码 */
function showArticle() {
  document.getElementById("article").style.display = "block";
}

首先在HTML中，我们定义了一个按钮和一个文章容器，容器初始状态为隐藏。在CSS中，我们为段落设置了一些基本样式。在JS中，我们定义了一个showArticle()函数，当用户点击按钮时，该函数将文章容器的display属性设置为block，文章容器就会出现在页面上。 通过这种方式，我们可以用CSS实现在点击按钮后出现页面上的文章。用户可以阅读文章的各个段落，同时也可以根据实际需要对CSS进行调整。