今天我建了一个网站
将过去 5 天积累的知识整合在一起，我构建了一个实用的食谱书籍网站，并使用 CSS 进行样式设计。

链接到网站 - Ofameh_Recipe_Site

HTML 代码块：

  
    
    
    
    
  
  
    

      
Ofameh's Recipe Book
    
    
    

      

        
Breakfast Recipes
          Email   

         

         Catch Us on X:   Twitter 
         

        
      
    
    
  

CSS 代码块-

  body {
  font-family: Arial, sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}

header,
main,
footer {
  padding: 20px;
  margin: 10px;
}

header {
  background-color: black;
  color: white;
  text-align: center;
}

nav ul {
  list-style-type: none;
  padding: 0;
  display: flex;
  justify-content: space-around;
}

nav ul li {
  margin: 0 10px;
}

section {
  margin-bottom: 20px;
}

article {
  border: 1px solid #ccc;
  padding: 10px;
  margin: 10px 0;
}

img {
  max-width: 100%;
  height: auto;
}

footer {
  background-color: #333;
  color: white;
  text-align: center;
  padding: 10px 0;
}

button {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  color: black;
  border: none;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #ccc;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

button:hover {
  background-color: black;
  transform: translateY(-2px);
  color: white;
} 

将我在第五天学到的所有知识整合起来来构建这个对我来说是很有成就感的，因为这个练习的重点是基于项目的学习。
所以实际上这样做了 5 天并能够建立一个如此好的网站对我来说意义重大

话虽这么说，第 6 天到第 10 天将以我所谓的网站为特色，每天我都会建立一个网站，该网站将逐渐变得更加困难和复杂。
就在那里！