在现代网页设计中,CSS是不可或缺的一部分。通过CSS,我们可以轻松地控制网页的样式和布局。下面,我们来了解一些CSS代码设计网页的技巧。
/** * 设置页面背景颜色为白色 */ body { background-color: #fff; } /** * 设置页面标题为粗体、居中 */ h1 { font-weight: bold; text-align: center; } /** * 设置导航栏样式 */ nav { background-color: #333; color: #fff; display: flex; justify-content: space-around; padding: 10px; } /** * 设置链接样式 */ a { color: #fff; text-decoration: none; } /** * 设置按钮样式 */ button { background-color: #333; border: none; color: #fff; padding: 10px 20px; } /** * 设置图片样式为圆形 */ img { border-radius: 50%; width: 100px; height: 100px; }
通过上述代码,我们可以设置网页背景颜色、标题样式、导航栏样式、链接样式、按钮样式和图片样式等。同时,我们也可以根据需求自由定制其他样式,以满足不同的设计需求。