CSS技術旨在為網頁設計提供樣式和布局的控制,使得網頁美觀并易于瀏覽。下面是一個京東歡迎界面的CSS代碼示例:
/*設置網頁背景顏色*/ body { background-color: #f5f5f5; } /*設置頁面主體*/ .container { width: auto; max-width: 980px; margin: 0 auto; } /*設置歡迎容器*/ .welcome { text-align: center; padding: 200px 0; } /*設置歡迎標題樣式*/ h1 { font-size: 60px; font-weight: 700; margin-bottom: 20px; } /*設置歡迎文字描述樣式*/ p { font-size: 24px; font-weight: 400; line-height: 1.5; color: #666; margin-bottom: 30px; } /*設置歡迎按鈕樣式*/ .btn { background-color: #e4393c; color: #fff; font-weight: 700; font-size: 20px; padding: 15px 30px; border-radius: 5px; transition: background-color 0.3s ease-in-out; } .btn:hover { background-color: #c9000a; }
以上CSS代碼定義了京東歡迎界面的背景、頁面主體、歡迎容器、歡迎標題、文字描述和按鈕的樣式,以及按鈕的hover效果。這些樣式的定義使得京東歡迎界面的外觀在整體上更加統一、美觀。
上一篇css 二級導航欄 縱向
下一篇css 二級導航欄橫著