CSS是網(wǎng)頁設(shè)計中必不可少的一部分,它可以控制網(wǎng)頁的外觀,包括文字字體、顏色、大小,以及布局、邊框等。下面是一些常用的CSS代碼,希望能對您的網(wǎng)頁設(shè)計有所幫助。
1.文字樣式
/* 改變文字顏色和大小 */ color: #333; font-size: 16px; /* 改變文字字體和加粗 */ font-family: Arial, sans-serif; font-weight: bold; /* 文字換行處理 */ word-wrap: break-word;
2.背景樣式
/* 改變背景顏色 */ background-color: #f0f0f0; /* 設(shè)置背景圖片 */ background-image: url('image.jpg'); /* 控制背景圖片大小和重復(fù)方式 */ background-size: cover; background-repeat: no-repeat;
3.盒模型樣式
/* 改變盒子邊框樣式和大小 */ border: 1px solid #ccc; /* 改變盒子圓角 */ border-radius: 5px; /* 盒子陰影效果 */ box-shadow: 0px 0px 10px #ccc;
4.布局樣式
/* 改變元素寬度和高度 */ width: 300px; height: 200px; /* 改變元素位置和居中 */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
5.動畫樣式
/* 延時動畫效果 */ transition: easy-in-out 0.5s; /* 旋轉(zhuǎn)動畫效果 */ @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
這些是常用的CSS樣式代碼,您可以根據(jù)需要進行修改和添加,讓您的網(wǎng)頁設(shè)計更加精美和有趣。