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

Web 开发 > HTML(CSS)
收藏 回复
[问题点数：50分]
更多帖子
私信 空间 博客
m0_57558491
等级
本版专家分：0
结帖率 0%
就实现图片上的这个功能就行。
只看楼主 引用 举报 楼主 收起
展开阅读全文
更多帖子
私信 空间 博客
m0_57558491
等级
本版专家分：0
希望大神帮忙看看。
只看TA 引用 举报 #1得分 0
更多帖子
私信 空间 博客
weixin_50944805
等级
本版专家分：726


<!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>
只看TA 引用 举报 #2得分 0
更多帖子
私信 空间 博客
m0_57558491
等级
本版专家分：0
引用 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>

好的，十分感谢，昨天忘记上传图片了，就是还有两个图片，这个在这里面该怎么写了?感谢大神帮忙。可以帮忙修订一下吗？感谢。
只看TA 引用 举报 #3得分 0
私信 空间 博客
shicong50
等级
本版专家分：0
好的，感谢大神，大神，昨天忘记上传图片，这两个图片再这里面该怎么写呀，可以帮忙修订一下吗？
只看TA 引用 举报 #4得分 0
更多帖子
私信 空间 博客
weixin_50944805
等级
本版专家分：726
上图片看看。
只看TA 引用 举报 #5得分 0
更多帖子
私信 空间 博客
m0_57558491
等级
本版专家分：0
引用 5 楼 weixin_50944805的回复:
上图片看看。

大神，就是那两个图片看到了吗？
只看TA 引用 举报 #6得分 0
更多帖子
私信 空间 博客
m0_57558491
等级
本版专家分：0
引用 5 楼 weixin_50944805的回复:
上图片看看。

就是4楼的那两个图片
只看TA 引用 举报 #7得分 0
更多帖子
私信 空间 博客
weixin_50944805
等级
本版专家分：726






<!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>


图片会替换吧
只看TA 引用 举报 #8得分 0
更多帖子
私信 空间 博客
m0_57558491
等级
本版专家分：0
好的，谢谢大神，我试一下。
只看TA 引用 举报 #9得分 0
收起
收藏 回复
m0_57558491

等级：

关注 私信 TA的帖子
想成为前端大神秒杀群雄？收下这份2020年最新前端学习路线！

这段日子在 B 站上收到小伙伴最多的要求就是出一个前端学习路线，我能够充分的感受到大家抓耳挠腮加挠墙的迷茫~所以在这里给大家总结了一套前端学习...希望我的经历能对大家有帮助。 俗话说知己知彼百战不殆，要成...

哪位大神 有mac虚拟机的可不可以共享给我。感谢！！！

本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown...

生日快乐网站模板（个人制作）（HTML5+CSS3+JS）

哈，前一阵子一个比较要好的朋友过生日，就给她做了一个网站作为生日祝福。也花了挺多的时间去复习了抛弃了有一段时间的HTML和CSS，又去学习了CSS3。最后做出来的效果自己还是挺满意的，因此在这里放出来，也希望能...

技术大神之路

首发于Java高级架构关注专栏写文章一个十年JAVA老程序员成长之路分享享学课堂 Java架构用户标识 1 已认证的官方帐号​关注14 人赞了该文章我搞JAVA也有些日子了, 因为我比较贪玩,上进心不那么强, 总是逼不得已为了...

从游戏大神到IT技术大神的转变

总是有同学问我怎么学很多技术，好奇如何成为所谓的大神。 事实上，这篇文章是结合我的一些经历，讲述应该怎么学习技术，并不是要讲怎么成为大神。没有所谓的成功学，只有充满智慧的思考，脚踏实地的实干，和...

求大神帮忙看一下，这个问题我百度也没有答案!（酷课堂iOS交流群问答整理201811期）

很干、很佛系... 酷课堂iOS移动开发交流群,聚集了一群热爱技术、有趣、有料，平均Q龄在10年以上的“老司机”，他们遍布在全球各地，有出版过iOS图书的作者、知名企业iOS工程师、高校大学生、自...

July大神的大数据解决思路

作者：July 出处：结构之法算法之道blog ... 一般而言，标题含有“秒杀”，“99%”，“史上最全/最强”等词汇的往往都脱不了哗众取宠之嫌，但进一步来讲，如果读者读罢此文，却无任何收获，那么，我也甘愿背负...

html - 我的网站是用PHP+MySQL+Javascript做的，用来对动态数据进行实时显示，现在想在主界面做一个报警灯...

至于楼上说你的Web是由PHP服务端脚本开发，很遗憾Web ...我个人实践过了(线上项目和命令行的 Web Socket都是可以实现的，就是 PHP 写的)， Web Socket 在 PHP 中应用完全没有问题，这基本是跟语言无关的。PHP 中的 ...

大神找工作总结一

其实我的求职过程在十一之前就已经结束了，总体讲比较顺利。参加面试的几家公司基本都拿到了offer，分别是阿里巴巴、美团网、创新工场涂鸦移动以及华为。当时也参加了其他公司的面试，比如人人，

python小白逆袭大佬_百度飞桨python小白逆袭大神总结

Python小白逆袭大神心得：首先感谢百度提供的免费学习课程，我是一名电气学生，之前都没有接触过python，所以说为啥一名真真正正的小白，完成作业的过程中，对于我来说并不是那么容易的，但是经过这一个星期的学习中...

git大神的文章

阮一峰的网络日志 » 首页 » 档案 上一篇：我的博客文集上架了！  下一篇：Airbnb与创投  分类：   ...Git是目前最流行的版本管理系统，学会Git几乎成了开发者的必

在阿里云服务器上的Tomcat部署HTML或jsp文件实现简单的访问

本人小白一枚，初来乍到，还请各位大神多多指教。 话不多说，现在和大家分享一下最近在阿里云服务器上成功部署自己的第一个网页的经历。 一、购买阿里云服务器及域名、域名绑定和解析 阿里的云翼计划为在校学生...

写酷“大神”的公开信

最近，通过一个朋友委托抢购酷大神F2，尽管对大神系列手机有过关注，但从未亲身抢购过。因长期尾随黄牛党參与小米、华为手机抢购，自以为手到擒来，结果让我至今难忘，实在忍不住想“喷”几句，以泄心中不快。 ...

这算通过审核了么？接下来还有没有什么坑，求大神指点！--酷课堂iOS交流群问答精华整理（201808期）

酷课堂iOS交流群，聚集了一群热爱技术、有趣、有料，平均Q龄在10年以上的“老司机”，他们遍布在全国/球各地，有知名企业iOS工程师、高校大学生、自由职业者……如果你也是这样的人，欢迎加入我们，一起畅聊iOS技术...

人大网络面向对象考题"个人资料管理工具" 求大神帮忙 给一定报酬 万分感谢! qq：767080266

@TOC 欢迎使用Markdown编辑器 ...我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计 ，将会带来全...

大学四年因为知道了这 60 个网站，我成了别人眼中的大神！

明人不说暗话，我就喜欢你白嫖的性格。但是白嫖的人素质都很高，从来都会先点赞后白嫖的，欢迎白嫖 哈哈哈~~ 自从看了这些网站，在大学中提升真的不少，因为不仅开阔了眼界，而且收获了知识和技术，比如科普性的网站...

五月的仓颉大神写的 三年java程序员面试感悟 值得分享给大家

原文地址http://www.cnblogs.com/xrq730/p/5260294.html，转载请注明出处，谢谢！ 前言 因为和同事有约定再加上LZ自己也喜欢做完一件事之后进行总结，因此有了这篇...简单先说一下，LZ坐标杭州，13届本科毕业，

前端必会的 HTML+CSS 常用技巧 之 关于多个 input 标签不能水平对齐 并且之间存在缝隙的问题 剖析及其解决...

相信大家在 HTML 布局的时候经常会遇到搜索框，搜索框一般都是两个或者多个input标签水平横向排列组合而成 ，就像我们非常熟悉的度娘的搜索框： 想象中的布局非常简单，大家也都非常熟悉input标签的默认display的值...

国外大神总结的 10 个 Java 编程技巧！

译文链接：...经过一段时间的编码（咦，我已经经历了将近20年的编程生涯，快乐的日子总是过得很快），我们开始感谢那些好习惯。因为，你知道… “任何可能出错的事情，最后都会出错。” ...

百度飞桨《青春有你2》Python小白逆袭大神技术分享

概述 7天的打卡训练营，时间紧张而又内容饱满，第一天主要针对小白们进行python基础知识的讲解，主要学习python的基础语法及各类常见用法；第二天讲解了爬虫的相关概念和基础知识；第三天重点讲解了python的数据分析...

跟着Vamei大神-01初学play

但是，好多文档写的太简化，而大部分还是英文的。oh，my god。众里寻他千百度，它却在灯火阑珊处。最后拜读了Vamei大神的blog（http://www.cnblogs.com/vamei）。有点浅浅的认知了play，mark下来. 1、我的是windows...

JAVA表白小程序

3.7号,我们是女生节,班级准备给女生点礼物,我的直男想法就想到了抖音那种表白小程序,感觉或许挺好玩的,就开始制作了 制作前先想想用什么语言写比较好.备选项有Python,JAVA,Androidc,c++当时把情况一列我就觉得java...

html博客源码_基于Typecho的一个全新版个人博客小程序

高清视频介绍以及安装教程百度网盘地址： https://pan.baidu.com/s/1UgViJ9LLfMmr_BoLMUJ6dQ提取码: jjxe小程序预览：介绍HiTypecho能帮...HiTypecho的安非常简单，只需三分钟，就能搭建。功能介绍支持三种预览方式...

百度飞浆Python小白逆袭大神打卡课程心得分享-《青春有你2》选手信息爬取

百度飞浆Python小白逆袭大神打卡课程心得分享-《青春有你2》选手信息爬取 在一次聊天中，不经意听某人说百度飞浆有免费的人工智能课程，免费的数据集，免费的计算资源，免费的教师天团（百度工程师+中科院天团），...

html简单实现--代码+注释

页面中包含了html入门级案例及注释，小白可参考，大神请指点，刚开始写博客，请多指教！！！

怎么给自己用html做好的网页添加ip地址_小白如何迅速搭建自己的网站（一）

首先我要强调两点：1、本文没有任何形式的销售域名、虚拟主机等相关的广告。2、本文适用于完全不懂代码的小白，用简单且切实有效的野路子，迅速搭建网站。我们来简单了解一下网站运作的原理用户在浏览器中输入网址并...

速度挑战 - 2小时完成HTML5拼图小游戏

不过当时初学游戏开发，经验浅薄，所以没有好好专研游戏里的算法和代码的缺陷，导致游戏出现了很多bug，甚至拼图打乱后很可能无法复原。最近经常有朋友问起这个游戏，希望我能把代码里的bug改一下方便初学者学习

百度paddlepaddle《青春有你2》Python小白逆袭大神技术打卡学习总结

之前参加过百度飞桨深度学习CV疫情训练营7天打卡学习，从了解概念到简单的使用paddle做一些口罩监测类的识别任务，收获特别多，这次又参加了更加基础的小白训练营，感觉对深度学习、padddle，paddleHub的了解又...

求大神帮忙编写一个C#连接数据库的程序

马上C#结业作业了，麻烦大佬有什么程序给小弟一下（有数据库最好），超级无敌感谢，2000行以上代码就行，跪求！！！ 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习...

太空大战游戏实战课程

课程模仿现有一款人气较高的飞行射击类游戏进行同步学习设计，采用标准C++以及OpenGL ES2.0可编程管线技术进行开发设计，课程详细的介绍了一款游戏的制作过程，以及编码过程，从设计到编码，到完成交付，三维立体的展示一款游戏的开发过程，设计细节，实现细节，在实战中学习，结合理论讲解，使得学员能在实战中得到锻炼，积累经验，升华自己。 完成一款飞行射击类游戏，通过实战，掌握一款射击类游戏的组成，掌握OpenGL ES2.0可编程管线技术。

相关热词 c# 负数补码 c# 读取json c# 画图超出画布判断 c#在注册表下创建个文件 c#中的数组添加元素 c#逆向 c#输出xml文件中元素 c#获取系统盘符 c# 微信发送图片消息 c# 对时间