在網頁開發中,將頁面設計得美觀大方往往是非常重要的。而CSS就是實現頁面樣式與設計的利器之一。下面我們就來介紹一些CSS設置格式的常見用法。
/* 文本格式 */ p { font-family: "微軟雅黑", sans-serif; font-size: 16px; font-weight: normal; line-height: 1.5; color: #333; text-align: center; text-decoration: none; text-transform: none; } /* 背景格式 */ body { background-color: #f5f5f5; background-image: url("background.jpg"); background-repeat: no-repeat; background-position: center top; } /* 邊框格式 */ .box { border: 1px solid #ddd; border-radius: 5px; } /* 陰影效果 */ .box-shadow { -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); } /* 圖片格式 */ img { display: block; max-width: 100%; height: auto; } /* 超鏈接格式 */ a { color: #666; text-decoration: none; transition: color 0.3s; } a:hover { color: #333; }
上面的代碼中,我們可以看到設置了文本格式、背景格式、邊框格式、陰影效果、圖片格式和超鏈接格式。這些都是常見的樣式設置,通過合理設置這些樣式,可以讓我們的網頁看起來更加美觀與符合設計要求。