css中图片边框文字常用的一些属性

来源:互联网 发布:综漫之数据后宫 编辑:程序博客网 时间:2024/04/29 16:47

图片:

background-repeat:no-repeat;            图片不重复
background-repeat:repeat-x;              X轴图片重复
background-repeat:repeat-y;              Y轴图片重复
background-position:20px 30px;        图片位置 距离左边20px 上边30px
background-position: x  y;                   x:  left|center|right    y: top|center|buttom
background-attachment:fixed;           背景图片固定位置 (不会随着滚动条滚动)

================================================================

边框:

border-color: red;                      边框颜色
border-style:  solid;                   边框样式  solid 实线 dashed 虚线 dotted 点线
border-radius:50px;                  圆角


/*  div 阴影  */
box-shadow:-10px 0 12px rgba(255, 221, 25, 0.64),          /*左边阴影*/
10px 0 12px rgba(255, 221, 25, 0.64),                                   /*右边阴影*/
0 -10px 12px rgba(255, 221, 25, 0.64),                                 /*顶部阴影*/
0 10px 12px rgba(255, 221, 25, 0.64);                                   /*底边阴影*/


================================================================

文字:


font-size: 大小
font-weight:文字加粗(bold 加粗 / normal 平常)
font-style: 文字倾斜(italic 倾斜/normal平常)
line-height:行高
font-family:字体
text-indent: 首行缩进(1em=1个文字大小)
text-align: 文本对齐方式 (left/center/right)
text-decoration: 文本修饰(underline 下划线 / line-through 删除线 / overline 上划线)
text-decoration-style:(solid 实线| double 双线| dotted 点状线条| dashed 虚线| wavy 波浪线)(部分浏览器不支持)
text-indent: 缩进文字
letter-spacing: 字母间距
================================================================



0 0
原创粉丝点击