我的个人网页终于完成了!感谢CSS的帮助,让我的网页变得更加美观和专业。首先,我在html文件中使用了link标签引入了样式表: 接下来,我使用了一些CSS的选择器来定义不同的元素。比如,我给网页的标...
我的个人网页终于完成了!感谢CSS的帮助,让我的网页变得更加美观和专业。
首先,我在html文件中使用了link标签引入了样式表:
<link rel="stylesheet" type="text/css" href="style.css"> 接下来,我使用了一些CSS的选择器来定义不同的元素。比如,我给网页的标题使用了h1标签,并为其定义了不同的字体和颜色:
h1 {
font-family: 'Roboto', sans-serif;
color: #2c3e50;
} 我还使用了CSS的盒模型来定义元素的边距、内边距和边框。比如,对于文章的主要内容,我设置了一个容器div,并为其定义了边框和一定的内边距:
.container {
border: 1px solid #ddd;
padding: 10px;
} 最后,我定义了一些交互效果,比如当鼠标悬停在链接上时,链接会改变颜色。我使用了:hover伪类来实现这个效果:
a:hover {
color: #27ae60;
text-decoration: none;
} 通过这些CSS的应用,我的个人网页已经变得非常漂亮和有吸引力了!