自己看了些前端视频 制作的“百度”网页
纯纯小白一枚。
看b站上up主的前端视频自己捯饬出来的。
在此记录一下。有些粗糙，望各位大神看了可以给我指点指点。
<style>/*整个超链接标签a的设置 取消超链接下划线以及更改字体颜色和大小*/a{text-decoration: none;color: black;font-size: 12px;}/*顶部大盒子的整体设置 */.top{margin-top: 20px;height: 100px;}/*顶部大盒子的子元素，设置左右两边两个盒子在一行中显示*/.topleft{float: left;}.topright{float: right;}/*右上角“登录”样式设置 */.denglu{background-color: #4e6ef2;color: #fff;border-radius: 5px;}/*图片盒子的样式设置*/.logo{width: 500px;text-align: center ;margin-left: auto;margin-right: auto;}/*大盒子搜索框样式设置*/.sousuo{border: 1px #d3d3d3 solid;border-radius: 10px;width: 700px;height: 60px;margin: auto;}/*搜索框中box盒子 设置box1与box2浮动，在一行中显示*/.box1{float: left;}/*搜索框中box2盒子 设置的高度不能比大盒子高度大*/.box2{ width: 100px;height: 60px;background-color:#4e6ef2;float: right;border-radius: 10px;}/*搜索框中box2盒子内的 “百度一下”样式设置*/.baidu{height: 60px;border: 0px ;font-size: 20px;color: #fff;background: none;}/*搜索框中box1盒子内的 “百度搜索”样式设置*/.sousuo1{ height: 30px;width: 490px;border: 0px;color: #d3d3d3;font-size: 18px;margin-top: 15px;}</style><body><div class="top"><div class="topleft"><a href="#">新闻 </a> <a href="#">hao123 </a><a href="#">地图 </a><a href="#">贴吧 </a><a href="#">视频 </a><a href="#">图片 </a><a href="#">网盘 </a><a href="#">更多 </a></div><div class="topright"><a href="#">设置 </a><a href="#" class="denglu">登录 </a></div></div><div class="logo"><img src="baidu.jpg" width="200" /></div><div class="sousuo"> <!--搜索框中有一个大盒子div-sousuo,其中又由文字搜索box1和百度按钮box2的span盒子组成--><span class="box1"><form action=""><input type="text" name="sousuo" value="百度一下" class="sousuo1"></form></span> <!--给百度搜索定义个id，以便更改样式--><span class="box2"><form><input type="submit" value="百度一下" class="baidu"></form><!--给“百度一下”定义个id，以便更改样式--></span></div>自己看了些前端视频 制作的“百度”网页相关推荐
- web制作简易百度网页
web制作简易百度网页 代码如下: <!-- edu_5_4_1.html --> <body> <p align="center"><a ...
- MiniMap两种实现方式_跟着siki老师的视频制作的
之前学习的时候,也学习了小地图的制作,后来过了好长时间就忘记怎么弄.看了 siki老师小地图视频就跟着学习了.视频是14年的siki老师用的还是NGUI制作的,然后我就改成用UGUI制作的,下面就是我 ...
- 【Python】Python视频制作工具Manim入门，基础形状详细介绍
来源:Python数据之道 (ID:PyDataLab) 作者:阳哥 01写在前面 最近几个月,我在微信视频号「价值前瞻」和「Python数据之道」发布了一些视频,有不少同学问到这些视频是怎么做的,用 ...
- Python视频制作工具Manim入门，文本使用详细介绍
来源:Python数据之道 (ID:PyDataLab) 作者:阳哥 01写在前面 最近一段时间,我在微信视频号「价值前瞻」和「Python数据之道」发布了一些视频,有不少同学问到这些视频是怎么做的, ...
- 自媒体初学者如何正确学习视频剪辑【视频制作自学成大神】?
导读:笔记分享自己从视频制作新手,到如何结合正确的学习方法+网上下载的优秀视频制作教程,快速逆袭成专业的视频制作人员.希望帮助哪些长短视频制作小白快速破局. 一.在这个在线教育飞速发展时代,视频制作的 ...
- 影视级跨平台视频制作技术的落地实践
编者按: 近年来,视频形式的多元展现形式被更多行业所认可,视频技术在跨行业中的应用,被赋予了更多可能性与趣味性.不同行业间生产内容的多样性与差异化让视频内容升级的需求进一步提升,视杏科技作为专业的音视 ...
- 【中兴】web训练营~一文带你走进前端 百图制作
??作者简介:物联网领域创作者,??阿里云专家博主?? ??华为云享专家?? 个人主页:Choice~ ??格言:可正因为难,才有价值!?? ??系列专栏: 1 C/C++ 2 C和指针 3 Linu ...
- dw生日祝福网页制作教程_明星祝福生日视频制作
在生日来临之际,能够与所爱之人共同度过是一件无比幸福的事情,但是与此同时也导致了各种问题的出现,每年生日看起来都犹如复制往年一般,实在没有什么意思,如果想要来一场别开生面的庆典,反倒是建议大家了解一下 ...
- 视频制作中的绿幕与拜耳阵列
先来欣赏一些大片背后的特效. 现在国内的电影市场越来越大,做短视频的自媒体也越来越多,在他们的后期视频制作的片花中可以看到很多都在使用绿幕或者蓝幕,这是为什么呢? 首先肯定是为了抠图的方便.将主体部分 ...
最新文章
- 干货丨大数据最核心的关键技术：32个算法
- oracle开窗函数是什么,ORACLE数据库(六)-----开窗函数
- 被冻结的钱，银行可以私自处理吗？
- 在一台机器上运行多个ActiveMQ实例
- java商城_基于Java，jfinal web框架开发出微信商城，微信分销商城源码分享
- 二叉堆时间复杂度 php,二叉堆(Binary Heap)
- TypeScript入门教程 之 类/抽象类/构造器/Getter/Setter
- 1009家网站被约谈，一批恶意营销账号终于被关闭了
- 堆排序建堆复杂度在特殊情况下的推导
- sh文件执行的时候卡住的可能原因
- web前端开发技术实验与实践（第三版）储久良编著 项目14 设计中国教育网络杂志简介
- 【AHP】层次分析法 | 过程解读 案例实践
- idea中自动生成Java类图和时序图
- Android动态设置view的大小及其位置
- 网页游戏对java的技术要求_网页制作谈谈什么技术是Java开发网页游戏的必要条件呢?怎样在微信公众平台上制作5级游戏?...
- 使用proteus仿真STM32超声波SRF04测距！Code+Proteus
- 十年育林，百度NLP已枝繁叶茂
- kafka分区副本机制
- 约翰·聂夫：31年22次跑赢市场、55倍投资回报，传奇投资大师的7种投资武器！
- （二十二）资产组合的有效边界、CML与最优配置