网页特效CSS大全

发布时间:2023-11-13 10:17:00   来源:文档文库   
字号:
HTML网页特效CSS大全
css属性代码大全CSS文字属性:
color:#999999;/*文字颜色*/font-family:宋体,sans-serif;/*文字字体*/font-size:9pt;/*文字大小*/font-style:itelic;/*文字斜体*/
font-variant:small-caps;/*小字体*/letter-spacing:1pt;/*字间距离*/line-height:200%;/*设置行高*/font-weight:bold;/*文字粗体*/vertical-align:sub;/*下标字*/vertical-align:super;/*上标字*/
text-decoration:line-through;/*加删除线*/text-decoration:overline;/*加顶线*/text-decoration:underline;/*加下划线*/text-decoration:none;/*删除链接下划线*/text-transform:capitalize;/*首字大写*/text-transform:uppercase;/*英文大写*/text-transform:lowercase;/*英文小写*/text-align:right;/*文字右对齐*/text-align:left;/*文字左对齐*/
text-align:center;/*文字居中对齐*/text-align:justify;/*文字分散对齐*/vertical-align属性
vertical-align:top;/*垂直向上对齐*/vertical-align:bottom;/*垂直向下对齐*/vertical-align:middle;/*垂直居中对齐*/
vertical-align:text-top;/*文字垂直向上对齐*/vertical-align:text-bottom;/*文字垂直向下对齐*/二、CSS边框空白
padding-top:10px;/*上边框留空白*/padding-right:10px;/*右边框留空白*/padding-bottom:10px;/*下边框留空白*/padding-left:10px;/*左边框留空白三、CSS符号属性:
list-style-type:none;/*不编号*/
list-style-type:decimal;/*阿拉伯数字*/
list-style-type:lower-roman;/*小写罗马数字*/list-style-type:upper-roman;/*大写罗马数字*/list-style-type:lower-alpha;/*小写英文字母*/list-style-type:upper-alpha;/*大写英文字母*/

list-style-type:disc;/*实心圆形符号*/list-style-type:circle;/*空心圆形符号*/list-style-type:square;/*实心方形符号*/list-style-image:url(/dot.gif;/*图片式符号*/list-style-position:outside;/*凸排*/list-style-position:inside;/*缩进*/四、CSS背景样式:
background-color:#F5E2EC;/*背景颜色*/background:transparent;/*透视背景*/
background-image:url(/image/bg.gif;/*背景图片*/background-attachment:fixed;/*浮水印固定背景*/background-repeat:repeat;/*重复排列-网页默认*/background-repeat:no-repeat;/*不重复排列*/background-repeat:repeat-x;/*x轴重复排列*/background-repeat:repeat-y;/*y轴重复排列*/指定背景位置
background-position:90%90%;/*背景图片xy轴的位置*/background-position:top;/*向上对齐*/background-position:buttom;/*向下对齐*/background-position:left;/*向左对齐*/background-position:right;/*向右对齐*/background-position:center;/*居中对齐*/五、CSS连接属性:a/*所有超链接*/
a:link/*超链接文字格式*/
a:visited/*浏览过的链接文字格式*/a:active/*按下链接的格式*/a:hover/*鼠标转到链接*/鼠标光标样式:
链接手指CURSOR:hand十字体cursor:crosshair箭头朝下cursor:s-resize十字箭头cursor:move箭头朝右cursor:move加一问号cursor:help箭头朝左cursor:w-resize箭头朝上cursor:n-resize箭头朝右上cursor:ne-resize箭头朝左上cursor:nw-resize文字Icursor:text
箭头斜右下cursor:se-resize箭头斜左下cursor:sw-resize漏斗cursor:wait
光标图案(IE6p{cursor:url("光标文件名.cur",text;}

本文来源:https://www.2haoxitong.net/k/doc/124f76420722192e4536f6bb.html

《网页特效CSS大全.doc》
将本文的Word文档下载到电脑,方便收藏和打印
推荐度:
点击下载文档

文档为doc格式