百度圖片 CSS是百度圖片網站使用的CSS樣式表。CSS是Cascading Style Sheets的縮寫,用于控制網頁中元素的樣式、顏色、大小等。百度圖片 CSS是由百度前端開發團隊開發的,旨在為百度圖片網站提供一套穩定、優化的樣式表。
/* 百度圖片 CSS*/ /* 通用樣式 */ body { font-family: Arial, sans-serif; font-size: 14px; line-height: 1.5; } img { max-width: 100%; height: auto; } /* 搜索結果頁樣式 */ .search-result { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .search-result__item { width: 200px; margin: 10px; border-radius: 5px; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2); } .search-result__img { height: 150px; background-color: #ddd; overflow: hidden; } .search-result__img img { transition: transform 0.3s ease; } .search-result__img:hover img { transform: scale(1.1); } .search-result__title { margin: 10px; font-size: 16px; font-weight: bold; } /* 圖片詳情頁樣式 */ .image-details { display: flex; justify-content: center; } .image-details__img { max-width: 800px; margin: 20px; box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2); }
以上是百度圖片 CSS的部分代碼,包括通用樣式、搜索結果頁樣式和圖片詳情頁樣式。其中,搜索結果頁樣式使用flex布局實現圖片排列,并添加了鼠標懸停效果;圖片詳情頁樣式設置了圖片最大寬度,添加了陰影效果。