CSS3——背景文本字体链接列表样式表格

时间：2019-05-25 12:57:34 阅读：166 评论：0 收藏：0 [点我收藏+]

标签：through 表格访问一个 html 序列 mamicode 透明度 pad

background-color
- rgb(255,0,0，1) 最后一个值表示透明度，范围是 0--1
background-image
- 默认平铺重复显示
background-repeat
- 在页面的水平或者垂直方向平铺
background-attachment
- 是否固定或者随着页面的其余部分滚动
background-position
- 位置

颜色

body {color:red;}
h1 {color:#00ff00;}
h2 {color:rgb(255,0,0);}

技术图片

对其方式

h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}

技术图片

文本修饰

a {text-decoration:none;}  //消除链接的下划线
h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}

技术图片

文本转换（大小写）

缩进

字体

技术图片

系列(family)

样式（粗体，斜体）

大小

像素
em
百分比

粗细

链接

a:link - 正常，未访问过的链接
a:visited - 用户已访问过的链接
a:hover - 当用户鼠标放在链接上时
a:active - 链接被点击的那一刻

注意：

a:hover 必须跟在 a:link 和 a:visited后面
a:active 必须跟在 a:hover后面

技术图片 ——鼠标放置——>

<style>
a:link,a:visited
{
    display:block;
    font-weight:bold;
    color:#FFFFFF;
    background-color:#98bf21;
    width:120px;
    text-align:center;
    padding:4px;
    text-decoration:none;
}
a:hover,a:active
{
    background-color:#7A991A;
}
</style>
</head>

<body>
<a href="/css/" target="_blank">这是一个链接</a>
</body>