第三课
超链接的使用
<!DOCTYPE html> | |
<html> | |
<head lang="en"> | |
<meta charset="UTF-8"> | |
<title></title> | |
<link rel="stylesheet" href="lesson4.css"/> | |
</head> | |
<body> | |
<h1>我是一个H1</h1> | |
<p>我是一个P标签</p> | |
<h2>iphone iphone aaaa sbsdgd sajugjj jgvjsagnjhff</h2> | |
<table> | |
<tr> | |
<td class="td1">1-1</td> | |
<td>1-2</td> | |
<td>1-3</td> | |
</tr> | |
<tr> | |
<td>djsgflfgagufasgufguutye</td> | |
<td class="td2">uyf</td> | |
<td>jasf</td> | |
</tr> | |
<tr> | |
<td>7456276</td> | |
<td>sdfsgs</td> | |
<td></td> | |
</tr> | |
</table> | |
<div class="div1"> | |
e<br> | |
</div> | |
<ul> | |
<li>1</li> | |
<li>2</li> | |
<li>3</li> | |
<li>4</li> | |
<li>5</li> | |
</ul> | |
<div class="div2"></div> | |
</body> | |
</html> |
这是原代码。加上超连接 才能全部显示
h1{
font-weight: normal;
/*text-decoration: underline;*/
/*text-decoration: overline;*/
text-decoration: line-through;
}
p{
/*font-weight: bolder;*/
font-weight: 900;
/*font-style: italic;*/
font-style: oblique;
text-indent: 50px;
/*letter-spacing: 20px;*/
word-spacing: 30px;
}
h2{
word-spacing: 30px;
/*background: red;*/
line-height: 100px;
text-transform: uppercase;
text-shadow: 5px 2px 10px grey;
}
table tr td{
border: 1px solid #000;
}
table{
border-collapse: collapse;
}
.td1{
/*text-align: right;*/
text-align: center;
}
.td2{
text-align: justify;
}
.div1{
width: 153px;
height: 30px;
border: 1px solid #000;
/*overflow: scroll;*/
/*background-color: mediumpurple;*/
/*background-image: url("../img/logo_db.png");*/
/*background-repeat: no-repeat;*/
/*background-repeat: repeat-x;*/
/*background-repeat: repeat-y;*/
/*background-attachment: scroll;*/
/*background-position: top right;*/
/*background-position: bottom right;*/
/*background-position: center;*/
/*background-size: cover;*/
/*background-size: contain;*/
background: lightgrey url("../img/logo_db.png") no-repeat center;
}
ul li{
list-style: none;
/*list-style-type: circle;*/
/*list-style-type: square;*/
list-style-image: url("../img/logo_db.png");
}
.div2{
width: 300px;
height: 20px;
border-top-style: dashed;
border-right-style: solid;
border-bottom-style: double;
border-left-style: dotted;
border-color: plum;
border-width: 2px;
}