web前端开发技术实验与实践（第三版）储久良编著项目10 简易灯箱画廊

最新推荐文章于 2024-01-14 11:33:14 发布

VIP文章 IDLE不是爱豆

最新推荐文章于 2024-01-14 11:33:14 发布

阅读量1.6k

点赞数 2

分类专栏：实训项目文章标签： html css web

本文链接：https://blog.csdn.net/weixin_61726211/article/details/123812421

版权

实训三项目10 简易灯箱画廊

一、页面文字素材：

无

二、代码：

<!--prj_3_1.html-->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>简易灯箱画廊</title>
		<style>
			body{
				text-align: center;
			}
			.div1{
				width: 1800px;
				height: 1350px;
				margin: 0px auto;
				text-align: center;
				background-color: orange;
			}
			ul{
				margin: 0 auto;
				width: 800px;
				list-style-type: none;
				height: 120px;
			}
			li{
				float: left;
				width: 110px;
				height: 90px;
				margin: 10px;
			}
			img{
				border: 0;
				width: 110px;
				height: 80px;
			}
			h3{
				font-size: 24px;
				color: coral;
				padding: 10px auto;
			}
			a{color: #ffffff;text-decoration: none;}
			a:link,a:visited,a:active{color: #0033cc;}
			a:hover{border-bottom: 4px solid #FF0000;}
		</style>
	</head>
	<body>
		<embed

最低0.47元/天解锁文章

IDLE不是爱豆

关注

2
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
web前端开发技术实验与实践（第三版）储久良编著项目10 简易灯箱画廊

实训三项目10 简易灯箱画廊一、页面文字素材：无二、代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>简易灯箱画廊</title> <style> body{ text-align: center; } .div1{ width
复制链接

扫一扫