📄 5.html

📁 《CSS完全使用详解》源文件下载书籍源码

💻 HTML

字号:

<html>
<head>
<title>CSS Demo</title>
<style>
span { cursor: hand; }
#img1 { visibility: visible; }
#img2 { visibility: visible; }
</style>
</head>

<body>
<p><span onClick='img1.style.visibility="visible"'>显示图片1</span> | <span onClick='img1.style.visibility="hidden"'>隐藏图片1</span> | <span onClick='img2.style.visibility="visible"'>显示图片2</span> | <span onClick='img2.style.visibility="hidden"'>隐藏图片2</span>
<p><img src="malepic.jpg" alt="male" id="img1">
<img src="femalepic.jpg" alt="female" id="img2">
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -