前端之HTML样式总结篇(七)

background

background-color:背景颜色

background-repeat:是否平铺

background-image:背景图片

background: gray(背景色) url(XXX/xxx.png) (背景图片) no-repeat(平铺方式)

省略也可以

border

border-width: 边框宽度

border-style:边框样式

border-color:边框颜色

border:1px(宽度)  solid(样式) white(颜色,默认是黑色,可省略,其他不可省略)

font

font-style: 样式

font-weight:权重

font-family: 种类

font-size:字体大小

font-height: 行高

font: italic(样式) bold(权重) 20px(大小)/35px(行高) arial(默认字体),"微软雅黑"(备用字体),"宋体"(备用字体)

margin

margin-top

margin-right

margin-bottom

margin-left

magin: 20px(上) 30px(右) 40px(下) 50px(左) 

参数个数:
1:上下左右

2:上下,左右

3:上,左右,下

4:上,右,下,左

padding

padding-top

padding-right

padding-bottom

padding-left

padding: 20px(上) 30px(右) 40px(下) 50px(左) 

参数个数:
1:上下左右

2:上下,左右

3:上,左右,下

4:上,右,下,左

颜色

color:white

color:rgb(100, 100, 100)

color:#604024

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值