有没有大神会写html，就很简单的那种感谢。

m0_57558491 2021-04-22 10:55:37

就实现图片上的这个功能就行。

...全文

251 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

weixin_50944805 2021-04-23

打赏
举报


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>

		.box{
			display: flex;
			justify-content: center;
			height: 100vh;
		}
		.left{
			width: 30%;
			margin-right: 10px;
		}
		.left h1{
			background-color: rgb(242,252,254);
			color: rgb(180,213,216);
			border: 0px solid rgb(180,213,216);
			border-top-width: 4px;
			border-bottom-width: 1px;
			line-height: 1.5em;
		}
		.left ul{
			padding: 0;
		}
		
		.left ul li{
			line-height: 18px;
			height: 18px;
			border-bottom: 1px solid #ddd;
			color: #666;
		}
		.right{
			width: 65%;
			display: flex;
			justify-content: center;
			align-items: center;
			border: 1px solid #ddd;
		}
		.right-img{
			padding: 5px;
			
			border: 1px solid #ddd;
		}
	</style>
	<body>
		<div class="box">
			<div class="left">
				<h1>标题</h1>
				<ul>
					<li>栏目1</li>
					<li>栏目1</li>
					<li>栏目1</li>
					<li>栏目1</li>
				</ul>
			</div>
			<div class="right">
				<div class="right-img">
					<img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1118454601,3567599111&fm=26&gp=0.jpg" />
				</div>
			</div>
		</div>
	</body>
</html>

m0_57558491 2021-04-23

打赏
举报

好的，谢谢大神，我试一下。

weixin_50944805 2021-04-23

打赏
举报




<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="referrer" content="no-referrer" /> <!--可以让img标签预加载网络图片-->
		<title></title>
	</head>
	<style>

		.box{
			display: flex;
			justify-content: center;
			height: 100vh;
		}
		.left{
			width: 30%;
			margin-right: 10px;
		}
		.left h1{
			background-color: rgb(242,252,254);
			color: rgb(180,213,216);
			border: 0px solid rgb(180,213,216);
			border-top-width: 4px;
			border-bottom-width: 1px;
			line-height: 1.5em;
		}
		.left ul{
			padding: 0;
			list-style: none;
		}
		
		
		.left ul li{
			line-height: 18px;
			height: 18px;
			border-bottom: 1px solid #ddd;
			color: #666;
		}
		.left ul li::before{
			content: '';
			display: inline-block;
			width: 10px;
			height: 10px;
			background: url('https://img-bbs.csdn.net/upload/202104/23/1619155080_461460.png') no-repeat left top;
			background-size: 100% 100%;
		}
		.right{
			width: 65%;
			display: flex;
			justify-content: center;
			align-items: center;
			border: 1px solid #ddd;
		}
		.right-img{
			padding: 5px;
			
			border: 1px solid #ddd;
		}
		.right-img img{
			width: 100%;
		}
	</style>
	<body>
		<div class="box">
			<div class="left">
				<h1>标题</h1>
				<ul>
					<li>栏目1</li>
					<li>栏目1</li>
					<li>栏目1</li>
					<li>栏目1</li>
				</ul>
			</div>
			<div class="right">
				<div class="right-img">
					<img src="https://img-bbs.csdn.net/upload/202104/23/1619155080_284237.jpg" />
				</div>
			</div>
		</div>
	</body>
</html>

图片会替换吧

m0_57558491 2021-04-23

打赏
举报

引用 5 楼 weixin_50944805的回复:

上图片看看。

就是4楼的那两个图片

m0_57558491 2021-04-23

打赏
举报

引用 5 楼 weixin_50944805的回复:

上图片看看。

大神，就是那两个图片看到了吗？

weixin_50944805 2021-04-23

打赏
举报

上图片看看。

shicong50 2021-04-23

打赏
举报

好的，感谢大神，大神，昨天忘记上传图片，这两个图片再这里面该怎么写呀，可以帮忙修订一下吗？

m0_57558491 2021-04-23

打赏
举报

引用 2 楼 weixin_50944805的回复:


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>

		.box{
			display: flex;
			justify-content: center;
			height: 100vh;
		}
		.left{
			width: 30%;
			margin-right: 10px;
		}
		.left h1{
			background-color: rgb(242,252,254);
			color: rgb(180,213,216);
			border: 0px solid rgb(180,213,216);
			border-top-width: 4px;
			border-bottom-width: 1px;
			line-height: 1.5em;
		}
		.left ul{
			padding: 0;
		}
		
		.left ul li{
			line-height: 18px;
			height: 18px;
			border-bottom: 1px solid #ddd;
			color: #666;
		}
		.right{
			width: 65%;
			display: flex;
			justify-content: center;
			align-items: center;
			border: 1px solid #ddd;
		}
		.right-img{
			padding: 5px;
			
			border: 1px solid #ddd;
		}
	</style>
	<body>
		<div class="box">
			<div class="left">
				<h1>标题</h1>
				<ul>
					<li>栏目1</li>
					<li>栏目1</li>
					<li>栏目1</li>
					<li>栏目1</li>
				</ul>
			</div>
			<div class="right">
				<div class="right-img">
					<img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1118454601,3567599111&fm=26&gp=0.jpg" />
				</div>
			</div>
		</div>
	</body>
</html>

好的，十分感谢，昨天忘记上传图片了，就是还有两个图片，这个在这里面该怎么写了?感谢大神帮忙。可以帮忙修订一下吗？感谢。

m0_57558491 2021-04-22