CSS是設置網頁樣式的重要工具，其中圖片和input都是常見的元素，下面將通過代碼示例介紹如何使用CSS設置圖片和input元素的樣式。

1. 圖片樣式

img {
width: 100px;
height: 100px;
border-radius: 50%;
box-shadow: 2px 2px 5px grey;
margin: 10px;
}

上述代碼表示將圖片的寬高設置為100px，并添加了圓角、陰影以及外邊距的效果。通過CSS的樣式設置，可以讓圖片更加美觀且符合網頁設計風格。

2. Input樣式

input {
padding: 10px;
font-size: 16px;
border-radius: 5px;
border: none;
background-color: #f5f5f5;
box-shadow: 1px 1px 2px grey;
}

上述代碼表示將Input元素的內邊距、字體大小、圓角、邊框以及背景顏色等效果進行設置。通過CSS的樣式設置，可以讓Input元素更加美觀且易于用戶操作。

總之，CSS的樣式設置可以對網頁元素進行美化以及用戶體驗的優化，這對網頁的設計與開發都有著重要的作用。