首页 > Web开发 > 详细

CSS常用属性

时间:2015-10-20 09:11:40      阅读:303      评论:0      收藏:0      [点我收藏+]

CSS (二)

1、            图片效果

1)              图片边框

Border

Border-style

Border-color

Border-width

Dotted 点划线

Dashed 虚线

Solid 实线

颜色

宽度

border:solid 1px #f00;

2)              图文混排

例:1.html

2.html

2、设置网页背景

   1)背景颜色

     Background-color

     例:3.html,4.html

3)              背景图片

  (1)Background-image:url(xx.jpg)  例:5.html

  (2)背景图的重复  例:6.html

 

垂直方向重复

水平方向重复

不重复

Background-repeat:repeat-y

Background-repeat:repeat-x

Background-repeat:no-repeat

      (3)背景图片位置     例:7.html

       Background-position:30% 70%

       Background-position:300px 25px

      (4)固定背景图片 例:8.html

       Background-attachment:fixed;

      (5)多个背景图片  例:9.html

      (6)样式综合设置

     Background-color:blue;

     Background-image:url(xx.jpg);

     Background-repeat:no-repeat;

     Background-attachment:fixed;(背景图片固定,用于背景内内容大于背景时候使用)

     Backdground-position:5px 10px;(图片方位距离左边和上边)

     Backdground-size:cover;(让图片拉升铺满整个背景)

     Background:blue url(xx.jpg) no-repeat fixed 5px 10px;(写到一起最方便)

 

3、a:link(正常浏览状态)

  a:visited(被点击过的链接样式)

  a:hover(鼠标经过的样式)

  a:active(被激活的样式)

4、overflow:auto(文本超过后使用自动)

 

CSS常用属性

原文:http://www.cnblogs.com/cd115703/p/4893615.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!