在網頁設計中,文本修飾是非常重要的一部分,其中CSS樣式在文本修飾方面是非常強大的。
/* 字體樣式 */ p { font-family: Arial, sans-serif; /* 設置字體樣式 */ font-size: 16px; /* 設置字體大小 */ font-weight: bold; /* 設置字體粗細 */ text-align: center; /* 設置字體對齊方式 */ text-transform: uppercase; /* 設置字體轉換為大寫 */ color: red; /* 設置字體顏色 */ } /* 背景樣式 */ p { background-color: yellow; /* 設置背景顏色 */ padding: 10px; /* 設置內邊距 */ box-shadow: 2px 2px 5px gray; /* 設置陰影 */ } /* 邊框樣式 */ p { border: 2px solid blue; /* 設置邊框 */ border-radius: 5px; /* 設置邊框圓角 */ } /* 文本樣式 */ p { text-decoration: underline; /* 設置下劃線 */ text-shadow: 1px 1px 2px gray; /* 設置陰影 */ letter-spacing: 2px; /* 設置字符間距 */ }
通過上述CSS樣式,可以讓文本呈現出各種不同的視覺效果,突出重點或增強整個網頁的美觀度。
上一篇css樣式中怎么使用函數
下一篇css樣式中的優先級高