/* CSS5样式代码示例 */ body { background: linear-gradient(to bottom, #ffffff, #cccccc); } nav { display: flex; justify-content: center; align-items: center; padding: 20px; background-color: #333333; } nav a { color: #ffffff; font-size: 20px; margin: 0px 20px; text-decoration: none; } header { background-image: url("header-background.jpg"); background-size: cover; height: 500px; display: flex; justify-content: center; align-items: center; text-align: center; color: #ffffff; } h1 { font-size: 60px; font-family: 'Georgia', serif; } h2 { font-size: 30px; font-family: 'Verdana', sans-serif; }
以上代码展示了CSS5的一部分样式,其中包含了页面背景渐变、导航栏样式、居中对齐等效果。此外,CSS5还提供了更多的样式效果,如动画、渐变、过渡等,并支持更多的选择器,例如:active、:visited以及:hover等。总之,CSS5为个人主页设计提供了更大的、更具有创造性和多样性的空间,使设计师和开发者们能够通过CSS5来创建出更为优秀的个人主页。