| 123456789101112131415161718192021222324252627282930 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>菜鸟教程(runoob.com)</title>
- <style>
- img.top {
- vertical-align: text-top;
- }
- img.bottom {
- vertical-align: text-bottom;
- }
- p.shadow {
- text-shadow: 2px 2px 2px red;
- }
- </style>
- </head>
- <body>
- <p>一个<img src="yql.png" alt="w3cschool" width="270" height="50"/>默认对齐的图像。</p>
- <p>一个<img class="top" src="yql.png" alt="w3cschool" width="270" height="50"/> text-top 对齐的图像。</p>
- <p>一个<img class="bottom" src="yql.png" alt="w3cschool" width="270" height="50"/> text-bottom 对齐的图像。</p>
- <p class="shadow">
- 阴影效果的文字
- </p>
- </body>
- </html>
|
