在網頁設計中,招牌CSS代碼是非常重要的一部分。它決定了網站的樣式和布局,以及用戶體驗。下面將介紹幾種常見的招牌CSS代碼。
/*設置文檔的基本樣式*/ body { font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; background-color: #ffffff; color: #333333; margin: 0; } /*設置標題的樣式*/ h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Slab', serif; font-weight: 700; margin: 1em 0 0.5em; color: #333333; } /*設置鏈接的樣式*/ a { color: #0066cc; text-decoration: none; transition: color 0.3s ease-in-out; } a:hover { color: #003366; } /*設置按鈕的樣式*/ .button { display: inline-block; background-color: #0066cc; color: #ffffff; font-size: 1.1em; padding: 0.5em 1em; text-decoration: none; border-radius: 4px; transition: background-color 0.3s ease-in-out; } .button:hover { background-color: #003366; }
以上代碼是一些基本的招牌CSS代碼,其中包括了設置文檔基本樣式、標題樣式、鏈接樣式以及按鈕樣式。它們可以滿足大部分網站的需求,同時也可以根據具體情況進行調整和修改。