在前端開發中,CSS(Cascading Style Sheets)是必不可少的一部分。它可以控制HTML文檔中的元素的外觀,包括文字的顏色、大小、背景顏色以及HTML頁面的布局等等。下面是一些常用的CSS樣式,適用于各種網站的設計和制作。
/*設置字體樣式*/ body{ font-family: Arial, sans-serif; font-size: 16px; } /*設置背景顏色*/ body{ background-color: #F0F0F0; } /*設置文本顏色*/ h1, h2, h3, h4, h5, h6{ color: #333; } /*設置文本對齊方式*/ p{ text-align: justify; text-indent: 2em; } /*設置邊框樣式*/ div{ border: 1px solid #666; } /*設置元素的圓角*/ div{ border-radius: 5px; } /*設置元素的陰影*/ div{ box-shadow: 3px 3px 3px #999; } /*設置鏈接的樣式*/ a{ color: #007FFF; text-decoration: none; } /*設置列表的樣式*/ ul{ list-style-type: disc; } ol{ list-style-type: decimal; } /*設置表格的樣式*/ table{ border-collapse: collapse; border-spacing: 0; } td, th{ border: 1px solid #ddd; padding: 8px; } /*設置圖片的樣式*/ img{ max-width: 100%; height: auto; display: block; }
這些CSS樣式可以幫助你讓網站更加美觀和功能更加強大。當然,這些只是其中一部分,還有很多其他的樣式。同時,以上樣式只是建議,具體要根據實際情況調整。希望這篇文章能夠有所幫助。