/* 字体 */ body { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.5; } /* 字母间距 */ h1, h2, h3 { letter-spacing: 2px; } /* 行高 */ p { line-height: 1.5; } /* 段落对齐 */ p { text-align: justify; } /* 链接样式 */ a:link { color: blue; text-decoration: none; } a:hover { color: red; text-decoration: underline; } /* 边框 */ .box { border: 1px solid #000; } /* 内边距和外边距 */ .box { padding: 10px; margin: 20px; } /* 宽度和高度 */ .box { width: 500px; height: 300px; } /* 背景 */ .box { background-color: #ccc; background-image: url("bg.jpg"); background-repeat: no-repeat; background-position: center; } /* 浮动 */ .box { float: left; } /* 清除浮动 */ .clearfix::after { content: ""; display: block; clear: both; }
以上是一些常用的CSS排版小抄,希望对你的网页设计有帮助。