HTML与CSS样式应用实例-优快云博客

本文通过一个具体的实例展示了如何使用HTML结构和CSS样式来构建一个包含图片、标题和链接的简单区块。通过对不同元素的样式设置，如宽度、高度、背景颜色等，详细说明了这些样式属性的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

img{ border:0;}
.shipin8{ width:515px;}
.shipin81{ width:146px; height:135px;}
.shipin82{ width:140px; height:85px;background: #fff; border: solid 1px #ccc; padding:2px; position: relative;}
.shipin82 span{ width: 146px; height:91px; display: block; position: absolute; top:-1px; left:-1px; }
.shipin85{background:url(images/video.png) no-repeat;}
.shipin82 a:hover span { background-position: left -91px; CURSOR:pointer;}
.shipin82 a:hover { border-color: #ffcc00; CURSOR:pointer;}
.shipin83{ width:140px; height:22px; line-height:22px;}
.shipin83 a{ color:#333333; text-decoration:none;}
.shipin84{ width:140px; height:22px; line-height:22px;}
.shipin84 a{ color:#999999; text-decoration:none;}
-->
</style>
</head>

2012年08月13日