CSS实例编(二)

分类属性实例

1.display参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

 

2.list-style-type参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

3.list-style-position参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

4.list-style-image参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

5.list-style参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

 布局属性实例(一)

1.position参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

 

2.direction参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

3.float参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

4.clear参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

5.top参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

6.right参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

7.bottom参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

8.left参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

布局属性实例(二)

1.z-index参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

 

2.width参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

3.height参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

4.overflow参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

5.clip参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

6.visibilityt参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

字体属性实例

cursor参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

滚动条属性实例

1.scrollbar-3dlight-color参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

 

2.scrollbar-arrow-color参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

3.scrollbar-base-color参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

4.scrollbar-darkshadow-color参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

5.scrollbar-face-color参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

6.scrollbar-highlight-color参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

7.scrollbar-shadow-color参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

8.scrollbar-track-color参数

用法实例如下:点击这里看运行效果

源代码已在下面文本框列出,以供参考:

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值