CSS(Cascading Style Sheets)定義了網站頁面中的樣式表現,可以實現網頁的美化和排版操作。下面介紹一些基礎的CSS樣式表現:
/* 定義背景顏色和字體樣式 */ body { background-color: #f0f0f0; /* 設置背景顏色 */ font-family: Arial, sans-serif; /* 設置字體 */ } /* 定義a標簽樣式 */ a { color: #555; /* 鏈接顏色 */ text-decoration: none; /* 消除下劃線 */ } /* 定義按鈕樣式 */ button { background-color: #4285f4; /* 設置背景顏色 */ color: #fff; /* 設置字體顏色 */ padding: 10px 20px; /* 設置內邊距 */ border: none; /* 消除邊框 */ border-radius: 5px; /* 設置圓角 */ } /* 定義表格樣式 */ table { border-collapse: collapse; /* 折疊表格邊框 */ width: 100%; /* 設定表格寬度 */ } /* 定義表格單元格樣式 */ td { border: 1px solid #ddd; /* 設置邊框顏色和粗細 */ padding: 8px; /* 設置單元格內邊距 */ text-align: center; /* 設置文本居中 */ } /* 定義圖片樣式 */ img { max-width: 100%; /* 設置圖片最大寬度 */ height: auto; /* 設置高度自適應 */ }
通過CSS樣式表現,我們可以輕松地實現頁面視覺效果的優化,從而創造更加美觀、易讀、易用的網頁。
上一篇css樣式表語法結構
下一篇css樣式設置屬性