<html>
<head>
<title> 边框 </title>
<style>
<!–
img.test1{
border-style:dotted; /* 点画线 */
border-color:#FF9900; /* 边框颜色 */
border-width:5px; /* 边框粗细 */
}
img.test2{
border-style:dashed; /* 虚线 */
border-color:blue; /* 边框颜色 */
border-width:2px; /* 边框粗细 */
}
–>
</style>
</head>
<body>
<img src=”banana.jpg” class=”test1”>
<img src=”banana.jpg” class=”test2”>
</body>
</html>
<html>
<head>
<title> 图片缩放 </title>
<style>
<!–
img.test1{
width:50%; /* 相对宽度 */
}
–>
</style>
</head>
<body>
<img src=”pear.jpg” class=”test1”>
精通 CSS+DIV 网页样式与布局 51
最新推荐文章于 2017-08-20 14:04:00 发布
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
