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

CSS设置边框、符号、背景样式、链接属性

时间:2018-12-18 15:54:48      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:bsp   留空   pad   对齐   iii   大写   list   tran   cti   

一、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; /*小写罗马数字标记,如:i,ii,iii,iv,v等*/

list-style-type:upper-roman; /*大写罗马数字标记,如:I,II,III,IV,V等*/

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: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 : x% y%; /*背景图片x与y轴的位置*/

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 /*鼠标转到链接*/

CSS设置边框、符号、背景样式、链接属性

标签:bsp   留空   pad   对齐   iii   大写   list   tran   cti   

原文地址:https://www.cnblogs.com/mengmengi/p/10137084.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!