CSS 的一个方便之处就是可以用样式来定义按钮和文字的外观。对于那些需要有多个按钮和相关文本的网页，这一点可以提高页面的美观程度和逻辑性。

/*以下CSS代码将为按钮添加样式*/button {background-color: #4CAF50; /*设置背景颜色为绿色*/border: none; /*去掉边框*/color: white; /*文字颜色为白色*/padding: 15px 32px; /*上下左右的内边距分别为15px和32px*/text-align: center; /*文字居中*/text-decoration: none; /*去掉文字下划线*/display: inline-block; /*将按钮设置为行内块元素*/font-size: 16px; /*设置文字大小为16px*/margin: 4px 2px; /*设置按钮之间的间距*/cursor: pointer; /*设置鼠标悬停指针*/}/*以下CSS代码将为文本添加样式*/.text {display: inline-block; /*设置文本为行内块元素*/margin: 0 10px; /*将文本与按钮之间的距离设为10px*/font-size: 18px; /*设置文本大小为18px*/}

以上的 CSS 代码使用了按钮和文本的不同属性，例如按钮的背景颜色、字体颜色和内边距等，同时也定义了文本的大小、位置和距离。通过这些样式的应用，我们可以让按钮和文字的排版更为美观和规范。