在Dreamweaver中使用CSS可以定义和控制网页元素的样式。以下是一些常用的CSS代码及其含义:列表样式liststyletype:none; 不编号列表项。liststyletype:decimal; 使用阿拉伯数字编号。liststyletype:lowerroman; 使用小写罗马数字编号。liststyletype:upperroman; 使用大写罗马数字编号。liststyletype:loweralpha; 使用小写...
Dreamweaver CSS中要用到的代码和代码的意思,高手帮忙下。
在Dreamweaver中使用CSS可以定义和控制网页元素的样式。以下是一些常用的CSS代码及其含义:
列表样式liststyletype:none; 不编号列表项。liststyletype:decimal; 使用阿拉伯数字编号。liststyletype:lowerroman; 使用小写罗马数字编号。liststyletype:upperroman; 使用大写罗马数字编号。liststyletype:loweralpha; 使用小写英文字母编号。liststyletype:upperalpha; 使用大写英文字母编号。liststyletype:disc; 使用实心圆形符号。liststyletype:circle; 使用空心圆形符号。liststyletype:square; 使用实心方形符号。liststyleimage:url; 使用指定图片作为符号。liststyleposition:outside; 符号在列表项外部。liststyleposition:inside; 符号在列表项内部。背景样式backgroundcolor:#F5E2EC; 设置背景颜色。background:transparent; 设置背景为透明。backgroundimage:url; 设置背景图片。backgroundattachment:fixed; 固定背景图片。backgroundrepeat:repeat; 背景图片重复排列。backgroundrepeat:norepeat; 背景图片不重复排列。backgroundrepeat:repeatx; 背景图片在x轴重复排列。backgroundrepeat:repeaty; 背景图片在y轴重复排列。backgroundposition:90% 90%; 设置背景图片的位置。backgroundposition:top; 背景图片向上对齐。backgroundposition:bottom; 背景图片向下对齐。backgroundposition:left; 背景图片向左对齐。backgroundposition:right; 背景图片向右对齐。backgroundposition:center; 背景图片居中对齐。连接属性a 所有超链接的样式。a:link 未访问过的链接样式。a:visited 已访问过的链接样式。a:active 活动状态的链接样式。a:hover 鼠标悬停在链接上的样式。鼠标光标样式cursor:hand 手指形状光标。cursor:crosshair 十字光标。cursor:sresize 箭头朝下光标。cursor:move 移动光标。cursor:help 带问号的帮助光标。cursor:wresize 箭头朝左光标。cursor:nresize 箭头朝上光标。cursor:neresize 箭头朝右上光标。cursor:nwresize 箭头朝左上光标。cursor:text I型文字光标。cursor:seresize 箭头斜右下光标。cursor:swresize 箭头斜左下光标。cursor:wait 漏斗等待光标。p {cursor:url,text;} 自定义光标图案。框线样式bordertop:1px solid #6699cc; 设置上框线。borderbottom:1px solid #6699cc; 设置下框线。borderleft:1px solid #6699cc; 设置左框线。borderright:1px solid #6699cc; 设置右框线。bordertopcolor:#369; 设置上框线颜色。bordertopwidth:1px; 设置上框线宽度。bordertopstyle:solid; 设置上框线样式。solid 实线框。dotted 虚线框。double 双线框。groove 立体内凸框。ridge 立体浮雕框。inset 凹框。outset 凸框。边界样式margintop:10px; 设置上边界。marginright:10px; 设置右边界。marginbottom:10px; 设置下边界。marginleft:10px; 设置左边界。边框空白paddingtop:10px; 设置上边框空白。paddingright:10px; 设置右边框空白。paddingbottom:10px; 设置下边框空白。paddingleft:10px; 设置左边框空白。文字属性color:#999999; 设置文字颜色。fontfamily:宋体,sansserif; 设置文字字体。fontsize:9pt; 设置文字大小。fontstyle:italic; 设置文字斜体。fontvariant:smallcaps; 设置小字体。letterspacing:1pt; 设置字间距离。lineheight:200%; 设置行高。fontweight:bold; 设置文字粗体。verticalalign:sub; 设置下标字。verticalalign:super; 设置上标字。textdecoration:linethrough; 加删除线。textdecoration:overline; 加顶线。textdecoration:underline; 加下划线。textdecoration:none; 删除链接下划线。texttransform:capitalize; 首字大写。texttransform:uppercase; 全部大写。texttransform:lowercase; 全部小写。textalign:right; 文字右对齐。textalign:left; 文字左对齐。textalign:center; 文字居中对齐。textalign:justify; 文字分散对齐。verticalalign:top; 垂直向上对齐。verticalalign:bottom; 垂直向下对齐。verticalalign:middle; 垂直居中对齐。verticalalign:texttop; 文字垂直向上对齐。verticalalign:textbottom; 文字垂直向下对齐。这些是Dreamweaver中CSS的一些常用代码及其含义,通过这些代码,你可以灵活地控制网页元素的样式和布局。
2025-05-28