网站介绍
这个网站是一个简洁的网页模板，包含了一些基本的样式和布局元素。通过使用.setInput类和.pageBtns类，可以设置输入框和按钮的样式。.page类用于设置页面内容的居中对齐方式，.goes类用于指定字体颜色。.page .on类用于定义选中按钮的样式，包括边框、背景色和文字颜色等。整个网站采用了灰色调的主题色，使得界面看起来干净而专业。
样式设置
这个网站使用了以下几种基本的CSS样式：
.setInput类：用于设置输入框的宽度、边框、背景色、字体颜色、内边距、外边距和高度等属性。.pageBtns类：用于设置按钮的宽度、背景色、文字颜色和上下边距等属性。注释掉的部分是原先的设计思路，可以根据需要取消注释来启用对应的样式。.page类：用于设置页面内容的文本对齐方式为居中。.goes类：用于指定字体颜色。.page .on类：用于定义选中按钮的样式，包括边框、背景色和文字颜色等。
示例代码
下面是一个简单的HTML页面示例，展示了如何使用这些CSS样式：
<!DOCTYPE html>
<html>
<head>
<title>网站模板示例</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div class="setInput">
<input type="text" placeholder="请输入内容">
</div>
<div class="pageBtns">
<button class="btn">按钮1</button>
<button class="btn">按钮2</button>
<button class="btn">按钮3</button>
</div>
<div class="page">
这里是页面内容，可以放置任何你想要展示的信息或交互元素。
</div>
</body>
</html>
你可以将上述代码保存为一个HTML文件，并在浏览器中打开该文件，就可以看到使用这个网站模板后的效果了。记得将CSS样式表链接到HTML文件中的<link>标签中，以便样式生效。
