码迷,mamicode.com
首页 > Web开发 > 详细

CSS常用属性

时间:2015-10-20 09:14:02      阅读:197      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!