html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8"> 5
<title>时代Java与您共同学习(NowJava.com)</title> 6
<style>7
ul {8
list-style-type: none;9
}10
11
ul li a {12
color: green;13
text-decoration: none;14
padding: 3px; 15
display: block;16
}17
18
@media screen and (max-width: 699px) and (min-width: 520px) {19
ul li a {20
padding-left: 30px;21
background: url(email-icon.png) left center no-repeat;22
}23
}24
25
@media screen and (max-width: 1000px) and (min-width: 700px) {26
ul li a:before {27
content: "Email: ";28
font-style: italic;29
color: #666666;30
}31
}32
</style>33
</head>34
<body>35
36
<h1>重置浏览器窗口，查看效果!</h1>37
38
<ul>39
<li><a data-email="johndoe@example.com" href="mailto:johndoe@example.com">John Doe</a></li>40
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java