在網頁設計中，圖片和CSS的制作是非常重要的一環。下面就來介紹一下怎么制作圖片和CSS。

1. 制作圖片

img {
width: 100px;
height: 100px;
background-color: #0044cc;
}

在CSS中可以通過background-color屬性增加圖片的背景顏色，也可通過width和height屬性指定圖片的寬度與高度。在制作圖片時，還可以使用Photoshop等圖像軟件進行制作并導出為圖片文件格式，通過HTML標簽img嵌入到頁面中。

2. 制作CSS

body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
h1 {
font-size: 36px;
color: #333;
margin-top: 50px;
}
p {
font-size: 18px;
color: #666;
line-height: 1.5;
}

在CSS中，可以通過控制不同的屬性值，使頁面中的元素達到不同的樣式效果。例如，通過控制background-color屬性，可以改變頁面的背景顏色；通過控制font-size屬性，可以改變頁面中文本的字體大小等。當然，在制作CSS時，也需要考慮到頁面的兼容性與響應式設計，以確保頁面的顯示效果優良。