zoukankan      html  css  js  c++  java
  • CSS设置边框、符号、背景样式、链接属性

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

  • 相关阅读:
    Javascript、Jquery获取浏览器和屏幕各种高度宽度
    使用jquery修改css中带有!important的样式属性
    jQuery事件之on()方法绑定多个选择器,多个事件
    JS 实现类似打印的效果(一个字一个字显示)
    编写jQuery 插件
    HTML5中新增加Input 的种类
    巧用Ajax的beforeSend提高用户体验
    window窗口操作
    CIDR
    mysql
  • 原文地址:https://www.cnblogs.com/mengmengi/p/10137084.html
Copyright © 2011-2022 走看看