一、背景相关 |
- 背景颜色
background-color :颜色名称/rgb值/十六进制值
- 背景图片
background-image :url(‘‘)
- 背景图片平铺方式
background-repeat : repeat-x(仅水平平铺) repeat-y(仅垂直平铺) no-repeat(不平铺)
- 设置背景图片位置
background-position : 数字+单位/center/top/bottom/left/right 同上。 例如:50px 50px
- 背景图片是否滚动
background-attachment : fixed(不滚动) scroll(滚动)
dmeo:
设置页面的body背景:
<!DOCTYPE html> <html lang="en"> <head> </head> <style> body{ background-color: aquamarine; background-image: url("cool.jpeg"); background-repeat:repeat-y ; background-position: top; background-attachment: fixed; } </style> <body> </body> </html>
二、边框 |
边框:border
用法:
border: 1px solid red; 表示边框宽度(border-width)为1px,边框样式(border-style)为实线,边框颜色(border-color)为红色
其中常用的边框样式有:solid 实线 dashed 虚线 dotted 点线
border表示全部设置,单独设置边框上/下/左/右边框将border替换为border-top、border-bottom、border-left、border-right。
时间: 2024-10-22 03:14:51