當當網是中國知名的網上購物平臺之一,其圖書頁面采用了CSS樣式設計,使頁面看起來更加美觀,易于瀏覽。
下面是當當網圖書頁面中的一段CSS代碼:
/* 圖書列表樣式 */ .booklist{ width:100%; height:100%; padding-top:20px; } .book{ width: 200px; height: 300px; margin: 10px; float:left; } .book img{ width: 160px; height: 200px; margin: 0 auto; display:block; }
這段代碼定義了圖書列表的樣式,包含了兩個選擇器:.booklist和.book。
其中,.booklist指定了圖書列表的整體寬度、高度和距離上方的填充量。.book選擇器則定義了單個圖書的樣式,包括寬度、高度、上下左右的邊距和浮動。
此外,還有一個.book img選擇器,用于定義書籍封面圖片的樣式,包括圖片的寬度、高度、居中顯示和塊狀顯示等。
通過這些CSS樣式設置,當當網圖書頁面呈現出清晰明了的圖書列表,使用戶能夠更快捷地選擇自己感興趣的圖書,提高了用戶體驗。