网页设计【格斗猎人吧】

<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的首页制作</title>
<style>
*{
padding: 0px;
margin:0;
}
.header {
height: 60px;
}
.banxin {
width: 1200px;
margin: 0 auto;
}
.left {
float: left;
}
.right {
float: right;
}
.logo {
margin-top: 10px;
}
.nav {
padding-left: 50px;
margin-top: 10px;
}
.nav>a {
color: black;
text-decoration: none;
font: 14px/40px "黑体";
padding: 12px 10px;
}
.nav>a:hover {
border-bottom: 3px solid #00a4ff;
}
.search {
margin-top: 10px;
margin-left: 60px;
width: 215px;
height: 40px;
border: 2px solid #00a4ff;
}
.search input[type="text"] {
height: 36px;
}
.search input[type="submit"]{
width: 45px;
height: 42px;
background-image: url(search_06.png);
background-repeat: no-repeat;
background-color: #00a4ff;
background-position: 50% 50%;
border: 4px solid #00a4ff;
}
.info div {
float: right;
margin-left : 7px;
margin-top: 15px;
font: 14px "黑体";
}
.banner {
height: 420px;
background-color: #1c036c;
}
.center {
width: 1200px;
margin: 0 auto;
background-image: url(banner_03.png);
height: 420px;
}
.manu {
width: 240px;
background-color: rgba(0,0,0,0.3);
}
.manu>a {
text-decoration: none;
color: white;
display: block;
height: 46px;
line-height: 46px;
text-indent: 3em;
}
.manu>a:hover {
background-color:rgba(255,255,255,0.3);
}
.intro {
width: 800px;
height: 45px;
border: 3px solid #00a4ff;
margin: 10px auto;
}
.intro span {
float: left;
width: 198px;
text-align: center;
margin-top:12px;
}
.product {
width: 1200px;
margin: 10px auto;
overflow: hidden;
}
.title {
color: #00a4ff;
font: 700 22px "黑体";
padding: 15px 0;
}
.class {
float: left;
width: 235px;
height: 300px;
background-color: #f3f5f7;
}
.class p {
padding: 20px 25px;
font: 12px "微软雅黑";
}
.class span {
display: block;
text-align: center;
color: #00a4ff;
}
.news {
width: 1200px;
margin: 15px auto;
overflow: hidden;
}
.module {
margin-right: 70px;
}
.module>div {
font: 20px/50px "黑体";
color: #1c036c;
width: 100px;
text-indent: 10px;
border-bottom: 2px solid #1c036c;
}
ul>li {
height: 39px;
}
.footer {
height: 400px;
background-color: #f3f5f7;
}
.shangbiao {
float: left;
width: 300px;
margin-top: 100px;
margin-left: 300px;
}
.service {
float: right;
width: 600px;
margin-right: 300px;
padding-top: 100px;
}
.service>dl {
float: right;
margin-left: 30px;
color: gray;
}
dl>dt {
font: 700 18px/40px "黑体";
}
</style>
</head>

送TA礼物

IP属地:陕西

1楼2023-02-13 14:41回复

<body>
<div class="header">
<div class="banxin">
<div class="logo left">
<img src="logo-s.png"/>
</div>
<div class="nav left">
<a href="#">首页</a>
<a href="#">课程</a>
<a href="#">职业规划</a>
</div>
<div class="search left">
<form>
<input type="text" value="请输入关键词" />
<input type="submit" value=" "/>
</form>
</div>
<div class="info right">
<div>
<img src="tou_03.png" />
<span>USER1</span>
</div>
<div>
<img src="ling_06.png" width="30px"/>
</div>
<div>个人中心</div>
</div>
</div>
</div>
<div class="banner">
<div class="center">
<div class="manu">
<a herf="#">前端开发</a>
<a herf="#">后端开发</a>
<a herf="#">JAVA SRIPT</a>
<a herf="#">PYTHON</a>
<a herf="#">R 语言</a>
<a herf="#">GEPHI</a>
<a herf="#">相关课程</a>
<a herf="#">PHP语言</a>
<a herf="#">SQL语言</a>
</div>
</div>
</div>
<div class="intro">
<span style="border-right: 2px solid black;">HTML语言</span>
<span style="border-right: 2px solid black;">CSS语言</span>
<span style="border-right: 2px solid black;">JavaScript</span>
<span >PHP语言</span>
</div>
<div class="product">
<div class="title">产品模块</div>
<div class="class" style="margin-right: 5px;">
<img src="icon1.png" width="235px" />
<p>该课程的设置旨在帮助新媒体学生接触初级网页制作，以运用到新媒体网址的网页效果设计之中</p>
<span>点击了解详情</span>
</div>
<div class="class" style="margin-right: 5px;">
<img src="icon1.png" width="235px"/>
<p>该课程的设置旨在帮助新媒体学生接触初级网页制作，以运用到新媒体网址的网页效果设计之中</p>
<span>点击了解详情</span>
</div>
<div class="class" style="margin-right: 5px;">
<img src="icon1.png" width="235px"/>
<p>该课程的设置旨在帮助新媒体学生接触初级网页制作，以运用到新媒体网址的网页效果设计之中</p>
<span>点击了解详情</span>
</div>
<div class="class" style="margin-right: 5px;">
<img src="icon1.png" width="235px"/>
<p>该课程的设置旨在帮助新媒体学生接触初级网页制作，以运用到新媒体网址的网页效果设计之中</p>
<span>点击了解详情</span>
</div>
<div class="class">
<img src="icon1.png" width="235px"/>
<p>该课程的设置旨在帮助新媒体学生接触初级网页制作，以运用到新媒体网址的网页效果设计之中</p>
<span>点击了解详情</span>
</div>
<div class="class" style="margin-right: 5px;">
<img src="icon1.png" width="235px" />
<p>该课程的设置旨在帮助新媒体学生接触初级网页制作，以运用到新媒体网址的网页效果设计之中</p>
<span>点击了解详情</span>
</div>
<div class="class" style="margin-right: 5px;">
<img src="icon1.png" width="235px"/>
<p>该课程的设置旨在帮助新媒体学生接触初级网页制作，以运用到新媒体网址的网页效果设计之中</p>
<span>点击了解详情</span>
</div>
<div class="class" style="margin-right: 5px;">
<img src="icon1.png" width="235px"/>
<p>该课程的设置旨在帮助新媒体学生接触初级网页制作，以运用到新媒体网址的网页效果设计之中</p>
<span>点击了解详情</span>
</div>
<div class="class" style="margin-right: 5px;">
<img src="icon1.png" width="235px"/>
<p>该课程的设置旨在帮助新媒体学生接触初级网页制作，以运用到新媒体网址的网页效果设计之中</p>
<span>点击了解详情</span>
</div>
<div class="class">
<img src="icon1.png" width="235px"/>
<p>该课程的设置旨在帮助新媒体学生接触初级网页制作，以运用到新媒体网址的网页效果设计之中</p>
<span>点击了解详情</span>
</div>
</div>

IP属地:陕西

2楼2023-02-13 14:44

上海空宇软件科技有限公司

轻松修改安卓应用名称和图标、定制软件的功能和界面、并将apk转成AS源代码项目。通过加固和混淆的方式让应用过白不报毒，还能将网页打包成各种手机平台的应用。

2025-02-04 17:46广告

立即查看

<div class="news">
<div class="title">新闻模块</div>
<div class="module left">
<div>首义光华</div>
<ul>
<li>我校2022年再度获批立项国家自然科学基金项目</li>
<li>我校2022年再度获批立项国家自然科学基金项目</li>
<li>我校2022年再度获批立项国家自然科学基金项目</li>
<li>我校2022年再度获批立项国家自然科学基金项目</li>
<li>我校2022年再度获批立项国家自然科学基金项目</li>
<li>我校2022年再度获批立项国家自然科学基金项目</li>
</ul>
</div>
<div class="module left">
<div>首义光华</div>
<ul>
<li>我校2022年再度获批立项国家自然科学基金项目</li>
<li>我校2022年再度获批立项国家自然科学基金项目</li>
<li>我校2022年再度获批立项国家自然科学基金项目</li>
<li>我校2022年再度获批立项国家自然科学基金项目</li>
<li>我校2022年再度获批立项国家自然科学基金项目</li>
<li>我校2022年再度获批立项国家自然科学基金项目</li>
</ul>
</div>
<div class="module left" style="margin-right:0;">
<div>首义光华</div>
<ul>
<li>我校2022年再度获批立项国家自然科学基金项目</li>
<li>我校2022年再度获批立项国家自然科学基金项目</li>
<li>我校2022年再度获批立项国家自然科学基金项目</li>
<li>我校2022年再度获批立项国家自然科学基金项目</li>
<li>我校2022年再度获批立项国家自然科学基金项目</li>
<li>我校2022年再度获批立项国家自然科学基金项目</li>
</ul>
</div>
</div>
<div class="footer">
<div class="shangbiao">
<img src="logo-s.png" />
</div>
<div class="service">
<dl>
<dt>相关服务</dt>
<dd>线上客服</dd>
<dd>线上客服</dd>
<dd>线上客服</dd>
<dd>线上客服</dd>
<dd>线上客服</dd>
<dd>线上客服</dd>
</dl>
<dl>
<dt>相关服务</dt>
<dd>线上客服</dd>
<dd>线上客服</dd>
<dd>线上客服</dd>
<dd>线上客服</dd>
<dd>线上客服</dd>
<dd>线上客服</dd>
</dl>
<dl>
<dt>相关服务</dt>
<dd>线上客服</dd>
<dd>线上客服</dd>
<dd>线上客服</dd>
<dd>线上客服</dd>
<dd>线上客服</dd>
<dd>线上客服</dd>
</dl>
<dl>
<dt>相关服务</dt>
<dd>线上客服</dd>
<dd>线上客服</dd>
<dd>线上客服</dd>
<dd>线上客服</dd>
<dd>线上客服</dd>
<dd>线上客服</dd>
</dl>
</div>
</div>
</body>
</html>

IP属地:陕西

3楼2023-02-13 14:45

你们在发什么

IP属地:陕西

来自Android客户端4楼2023-02-13 15:50

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>武昌首义学院官网</title>
<style>
.header{
height: 60px;
}
.banxin{
width:1200px;
margin:0 auto;
}
.left{
float:left;
}
.right{
float:right;
}
.logo{
margin-top:10px ;
}
.nav{padding-left: 50px;
margin-top:25px ;
padding-bottom:25px;
padding-right:50px;
}
.navleft{
text-decoration: none;
font-size: 25px;
color:red;
border:2px solid blue;
border-radius:10px;
}
</style>
</head>
<body>
<div class="header">
<div class="banxin left">
<a href=" ">信息公开</a >
<a href="#">信息公开</a >
<a href="#">信息公开</a >
<a href="#">信息公开</a >
</div>
<div>
< img src="logo.webp">
</div>
<div class="search right">
<form>
<input type="text" value="高级搜索"/>
<input type="submit"/>
</form>
</div>
<div class="navleft">
<a href="#">学校概括</a >
<a href="#">机构设置</a >
<a href="#">师资力量</a >
<a href="#">人才培养</a >
</div>
</div>
</body>
</html>

IP属地:陕西

来自Android客户端5楼2023-02-13 15:50

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body{
background-image:url(11.jpg);
}
</style>
</head>
<body>
<h1> 蜡笔小新</h1><a href=" " target="_blank">作者：臼井仪人</a ></br>
<a href="http://baidu.com/" target="_blank">< img src="labi.jpg"/></a >
<h1>角色形象</h1>
<h2>身份背景</h2>
<p>野原新之助是双叶幼稚园向日葵小班学生的学生，是野原广志和野原美冴的孩子。</p >
<h2>相貌衣着</h2>
<p>有着浓密的眉毛以及短短的和尚发型，还有一双大眼与妈妈相似，而脸型和性格与祖父野原银之介相似。基本穿着是红色t恤和黄色短裤。而在双叶幼稚园时是蓝色小礼服和礼帽，脱掉后是件浅蓝色的短袖衣服。一些正式场合穿蓝色小礼服，有时是西装。而在《蜡笔小新：呼风唤雨！黄金间谍大作战》中，他以一身黑色西服的造型登场。 [4-5]
</p >
<h2>性格特点</h2>
<p>优点：活泼、好动、乐观、可爱、标新立异，运动神经好（每次跟河村豹跑步都不喘气，而且可以做很多高难度动作），体贴却不坦率。
缺点：挑食，好色、顽皮、早熟、健忘、迟钝（有时看情况）、爱耍贱。</p >
<p>
喜好：喜欢的动画人物有动感超人、康达姆机器人、肥嘟嘟左卫门（小新的自创角色）、铅笔小新（播出后深受小新和自己的朋友欢迎，但父母却很抗议）。</p >
<p>
厌恶：
讨厌的食物有青椒、胡萝卜、不加葱的纳豆和加葱的味增汤、西兰花、洋葱。 [1] </p >
<h1>人物介绍</h1>
<p>野原新之助，日本漫画《蜡笔小新》及其衍生作品中的男主角。2002年《蜡笔小新》推出的剧场版中，他的名字汉字写法为“野原信之介”），一般称作小新、新之助。
性格热情、口无遮拦、早熟、不太积极、容易吃醋、无厘头、腹黑、难进入状况，且行事风格总是超乎逻辑，与父母住在一起。 [1-2]

IP属地:陕西

来自Android客户端6楼2023-02-13 15:52

<h1>创造背景</h1>
<p>臼井仪人先生曾表示之所以会创造出野原新之助这个形象，是因为他在观察自己的孩子的时候，发现小孩子的想法往往非常独特，以至于被小孩的世界所吸引。所有的小孩都有乖巧和调皮的两面性，这种两面性对他来讲是十分有趣的。反过来他正是在自己的作品中反映了这一两面性。他同时承认野原新之助有一部分是他自己的翻版。 [3]
</p >
<p>故事的性质是走喜剧、搞笑路线。但也有像漫画单行本第47本行田德郎医生死亡这样的严肃剧情</p >
<h1>命名来源</h1>
<p>刊名为蜡笔小新，小新是主角的名字，全名为野原新之助，蜡笔是幼稚园小朋友常用的绘图用具，以表示作品是描述幼稚园时期的小新。此外，漫画29卷和31卷中有升上小学1年级的小新，名称则改为“铅笔小新”。</p >
<h1>剧情简介</h1>
<p>故事舞台是在日本埼玉县春日部市，一位正在“双叶幼稚园”学习的五岁小孩野原新之助（小新），在日常生活中发生的事，日子频繁琐碎却不乏温馨感动。 [6] </p >
<p>注：早期的动画版常把“春日部市”称为“春我部市”，在漫画单行本的第16卷也曾使用过“春我”二字，现已统一称为“春日部市”。 “双叶幼稚园”也被称为“动感幼稚园”。故事主角野原新之助的汉字写法有可能是“野原新之助”或“野原信之介”</p >
<h1>相关图片</h1>
<a href="http://baidu.com/"
<a href="http://baidu.com/" target="_blank">< img src="xiaoxin.jpg" height="300px" width="400px"/></a >
<a href="http://baidu.com/" target="_blank">< img src="1.jpg" height="400px" width="400px"/></a >
<a href="http://baidu.com/" target="_blank">< img src="2.jpg" height="400px" width="370px"/></a >
<a href="http://baidu.com/" target="_blank">< img src="3.jpg" height="350px" width="450px"/></a >

IP属地:陕西

来自Android客户端7楼2023-02-13 15:53

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=<device-width>, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table border="1px" width="800px" height:"300px" align="center" cellspacing="0px">
<tr>
<td colspan="5" align="center">个人简介</td>
</tr>
<tr>
<td>姓名</td>
<td>石政新</td>
<td>出生日期</td>
<td>2004-3-1</td>
<td rowspan="4" align="center">
<div>< img src="1.webp" width="150px" height="150px" ></div>
</td>
</tr>
<tr>
<td>身高</td>
<td>199cm</td>
<td>婚姻状况</td>
<td>未婚</td>
</tr>
<tr>
<td>政治面貌</td>
<td>团员</td>
<td>学历</td>
<td>本科</td>
</tr>
</table>
</body>
</html>

IP属地:陕西

来自Android客户端8楼2023-02-13 15:53

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form>
用户名:<input type="text" value ="请输入.."/>

密码:<input type="passwprd" maxlength="6">

年级:<input type="radio"name="gradel"id="gradel"/><label for="gradel">大一</label>
<input type="radio"name="grade" checked="checked"/>大二
<input type="radio"name="grade" />大二
<input type="radio"name="grade"/>大三
<input type="radio"name="grade"/>大四

您是否喜欢吃香菜:<input type="radio"name="eat"/>吃
<input type="radio"name="eat"/>不吃

爱吃的小吃:<input type="checkbox"/>麻辣烫
<input type="checkbox"id="pork stomach and chicken"/><label for="pork stomach and chicken">猪肚鸡</label>
<input type="checkbox"/>麻辣香锅
<input type="checkbox"/>铁板烧
<input type="checkbox"/>各种奶茶

上传你最爱吃的东西的照片:<input type="file"/>

你想吃哪个地方的美食:
<select>
<option>海南</option>
<option>安徽</option>
<option>浙江</option>
<option>上海</option>
<option>广东</option>
<option>广西</option>
<option>台湾</option>
<option>澳门</option>
<option>香港</option>
<option>湖北</option>
<option>湖南</option>
<option>河南</option>
<option>河北</option>
<option>陕西</option>
<option>山东</option>
<option>山西</option>
<option selected="selected">请选择你想去的地方</option>
</select>

介绍一下你喜欢的美食:
<textarea rows="5"cols="20"></textarea>

<input type="submit"/><input type="reset"/>
</form>
</body>
</html>

IP属地:陕西

来自Android客户端9楼2023-02-13 15:54

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
h1 {
text-align: center;
font:36px arial;
}
.intro{
color:gray;
font-size:15px;
text-align: center;
}
a{
color:black;
text-decoration: none;
}
.tupian{
text-align: center;
}
</style>
</head>
<body>
<h1>江西上饶铅山15岁男生失踪</h1>
<div class="intro">2022-11-23 12:38 来源:<a href=" ">澎湃新闻</a >
<input type="text" value="请输入查询条件..."/><button>搜索</button>
</div>
<p>江西铅山县通报“高中生胡某宇失联超40天”:成立联合工作专班全力调查。</p >
<div class="tupian">
< img src="pic.jpeg"/>
</div>
<p>据江西铅山县委宣传部微信公号“江西铅山微讯”消息。</p >
<p>当天，铅山县委宣传部发布情况通报称，2022年10月14日，铅山县致远中学高一学生胡某宇失联后，县委、县政府高度重视，立即组织公安、教育等部门开展搜寻和调查工作。</p >
<p>目前，省、市、县公安机关已成立联合工作专班，正在全力调查，调查结果将及时向社会公布。</p >
<p>通报称，因该事件正在调查且涉及未成年人，请大家理性对待，不造谣、不信谣、不传谣，以官方发布信息为准。如发现有价值的线索，请及时向公安机关提供。感谢大家对此事件的关注和监督。</p >
</div>
</body>
</html>

IP属地:陕西

来自Android客户端10楼2023-02-13 15:54

网页设计

扫二维码下载贴吧客户端

火爆开测more

日	一	二	三	四	五	六

网页设计

登录百度账号

扫二维码下载贴吧客户端

火爆开测more