CSS 是前端開發的常用工具,通過樣式規則控制網頁的布局和外觀。下面是一份 CSS 樣式大全,包括文本樣式、背景樣式、布局樣式等。
文本樣式
/* 文字顏色 */ color: #000000; /* 字體樣式 */ font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; text-decoration: underline; /* 對齊方式 */ text-align: left; vertical-align: middle; /* 行高 */ line-height: 1.5;
背景樣式
/* 背景色 */ background-color: #FFFFFF; /* 背景圖片 */ background-image: url("example.jpg"); /* 背景大小 */ background-size: cover; /* 背景重復 */ background-repeat: no-repeat; /* 背景位置 */ background-position: center center;
布局樣式
/* 盒子模型 */ box-sizing: border-box; /* 定位 */ position: absolute; left: 10px; top: 20px; /* 浮動 */ float: left; /* 清除浮動 */ clear: both; /* 寬度和高度 */ width: 100px; height: 200px; /* 填充和邊框 */ padding: 10px; border: 1px solid #000000; /* 圓角 */ border-radius: 10px; /* 溢出處理 */ overflow: hidden;
以上是 CSS 樣式大全,掌握這些樣式規則可以為網頁添加美觀的外觀和靈活的布局。
上一篇css樣式可以解決什么
下一篇css樣式定義4種