好看的html代码(最好是html代码 js代码 都写出来,麻烦了!)

2025-04-14 19:40:01 0

好看的html代码(最好是html代码 js代码 都写出来,麻烦了!)

本文目录

最好是html代码 js代码 都写出来,麻烦了!

《html》 《head》 《/head》 《body》 《input type=“hidden“ name=“hidden“ id=“hidden“ value=“99877,57898,31524“ /》 《div style=“border:solid 1px red;width:200px;height:200px;“》 《span id=“span1“》《/span》 《div》 《script type=“text/javascript“》 var oValue = document.getElementById(“hidden“).value; var oS = document.getElementById(“span1“); var arr = oValue.split(“,“); var num = parseInt(Math.random()*3); oS.innerHTML = arr; 《/script》 《/body》《/html》

怎么学习HTML制作好看的网页

如果你对这方面感兴趣的话。就去找个学校学习下把。 很酷的网页有很多种。 有动态和静态的。 不过我觉得你说很炫的哪种。应该属于静态的 如果这样的话,我建议你去学习下javascript 这是做好网站必须的。 记好了。是javascript

哪位大神有漂亮的QQ邮箱html代码

具体代码如下:

《!DOCTYPE html》

《html》

《head》

《meta charset=“utf-8“ /》

《title》QQ Eamil《/title》

《style type=“text/css“》

body{

background: url(img/1.png) no-repeat;

background-position: 200px 200px;

}

*{

padding: 0;margin: 0;

}

.top{

width: 1600px;

height: 60px;

}

.footer{

width: 1600px;

height: 40px;

position: absolute;

bottom: 0px;

}

.all{

border:1px solid lightblue;

width: 335px;

height: 387px;

position: absolute;

top: 136px;

right: 341px;

}

.all .first .login,.all .first .pas{

width:167px;

height: 50px;

text-align: center;

line-height: 50px;

display: block;

float: left;

background-color: lightblue;

font-family: “微软雅黑“;

color: gray;

}

.all .second .number{

width: 284px;

height: 35px;

margin-top: 33px;

margin-left: 17px;

}

.all .second .password{

width: 284px;

height: 35px;

margin-top: 15px;

margin-left: 17px;

}

.all .second .ok{

width: 284px;

height: 40px;

margin-top: 17px;

margin-left: 17px;

border: 0;

background-color: cornflowerblue;

font-size:larger;

color: white;

font-family: “微软雅黑“;

}

.all .first{

width: 335px;

height:52px;

}

.all .second{

width: 332px;

height:290px;

}

.all .third{

width: 222px;

height:45px;

line-height: 45px;

padding-left: 110px;

}

.all .first .login:hover{

color:black;

}

.all .first .pas:hover{

color:black;

}

.all .second .bnext{

width: 20px;

height: 20px;

margin-top: 10px;

margin-left: 17px;

}

.all .second .tnext{

display: block;

width: 100px;

height: 15px;

margin-left: 45px;

margin-top: -22px;

font-size: small;

}

.all .third span{

font-size:smaller;

color: blue;

font-family: “微软雅黑“;

}

《/style》

《/head》

《body》

《img src=“img/logo.png“ class=“top“ /》

《div class=“all“》

《div class=“first“》

《span class=“login“》快速登录《/span》

《span class=“pas“》账号密码登录《/span》

《/div》

《div class=“second“》

《input type=“text“ placeholder=“QQ账号“ class=“number“/》《br /》

《input type=“text“  placeholder=“QQ密码“  class=“password“/》

《input type=“checkbox“ class=“bnext“/》《span class=“tnext“》下次自动登录《/span》

《input type=“button“ value=“登录“  class=“ok“/》

《/div》

《div class=“third“》

《span》忘了密码?|《/span》

《span》注册新账户|《/span》

《span》意见反馈《/span》

《/div》

《/div》

《img src=“img/footer.png“ class=“footer“/》

《/body》

《/html》

效果图如下:

好看的html代码(最好是html代码 js代码 都写出来,麻烦了!)

本文编辑:admin

更多文章:


名词变形容词以al结尾(以al结尾的英语形容词 越多越好 要带翻译阿)

名词变形容词以al结尾(以al结尾的英语形容词 越多越好 要带翻译阿)

本文目录以al结尾的英语形容词 越多越好 要带翻译阿英语单词后加al的是什么词性的名词变形容词以al结尾的单词有哪些需要20个!名词变形容词有什么规则名词变形容词以al结尾的单词有哪些需要20个!al后缀是什么呢英语中有些词可以al 结尾变

2025年2月23日 03:50

html源代码包括(程序员必须知道的HTML常用代码有哪些)

html源代码包括(程序员必须知道的HTML常用代码有哪些)

本文目录程序员必须知道的HTML常用代码有哪些HTML的标题的代码是什么HTML和源代码有什么区别他俩是什么关系程序员必须知道的HTML常用代码有哪些html+css代码文本设置1、font-size: 字号参数 2、font-style:

2025年3月17日 17:00

linux mint(Linux Mint 相比于ubuntu的优点是什么优势在哪里)

linux mint(Linux Mint 相比于ubuntu的优点是什么优势在哪里)

本文目录Linux Mint 相比于ubuntu的优点是什么优势在哪里linuxmint怎么样如何安装Linux Mintlinux mint哪个版本好怎么安装linuxmintLinux Mint这几个版本有什么区别哪个版本用的人比较多l

2025年3月8日 12:10

localstorage设置过期时间(html5的localStorage可否设置数据的时效时间)

localstorage设置过期时间(html5的localStorage可否设置数据的时效时间)

本文目录html5的localStorage可否设置数据的时效时间在C#如何用Session的方法保存用户名和密码,并且如何用cookie的方法设置其一分钟后过期html5 localStrong 如何设置时间web前端sesessions

2025年3月25日 16:50

comments翻译(any comments怎样翻译好)

comments翻译(any comments怎样翻译好)

本文目录any comments怎样翻译好“备注”的英文是什么“评论”这个词用英文怎么翻译any comments怎样翻译好any comments翻译成中文是:任何意见例句:I was wondering whether you had

2025年3月18日 02:10

java合并两个数组(java合并两个有序数组)

java合并两个数组(java合并两个有序数组)

本文目录java合并两个有序数组java中怎么合并两个数组 简单明了的java编写合并两个数组,{1,2,3,4,5} {4,5,6,7,8}java怎么将2个数组的数据合并Java如何合并两个数组java两个数组合并用for循环java如

2025年3月19日 18:00

javatrim(java trim()方法哪位高手给解释一下这段代码)

javatrim(java trim()方法哪位高手给解释一下这段代码)

本文目录java trim()方法哪位高手给解释一下这段代码java中的trim方法很奇怪java trim()方法哪位高手给解释一下这段代码public String trim() { int len = count; //

2025年3月25日 17:20

form是什么意思中文意思是什么(form是什么意思及反义词)

form是什么意思中文意思是什么(form是什么意思及反义词)

本文目录form是什么意思及反义词form是什么意思及用法form是什么意思及反义词form n. 形状, 形式, 表格; 构架, 模具; 留有空行有待填写的档案; 合适, 健康; 情绪; 种类; 分级; 风俗, 社会标准; 次序, 规

2025年4月11日 22:30

valence(firefox valence怎么用)

valence(firefox valence怎么用)

本文目录firefox valence怎么用法国地区名字 valence 属于哪个省firefox valence怎么用Valence是一个跨浏览器调试工具。可以让开发工具在各种浏览器在使用。现阶段 Valence主要用于Chrome(An

2025年4月10日 13:40

关闭445端口最简单方法(如何关闭445端口 win10)

关闭445端口最简单方法(如何关闭445端口 win10)

本文目录如何关闭445端口 win10怎么关闭445端口445端口怎么关闭 最全关闭445端口方法大全操作系统怎么关闭445端口如何关闭445端口 win101、首先打开Win10防火墙,然后点击进入左侧的“高级设置”,如下图所示。2、打开

2025年2月24日 13:00

landscape的意思(单词“landscape”和“sceney”的用法区别)

landscape的意思(单词“landscape”和“sceney”的用法区别)

本文目录单词“landscape”和“sceney”的用法区别landscape是什么意思Landscape是什么打印机landscape是什么意思landscape,scenery,view,scenic有什么区别landscape意思是

2025年4月11日 03:10

gateone几线品牌(blackgateone是奢侈品吗)

gateone几线品牌(blackgateone是奢侈品吗)

本文目录blackgateone是奢侈品吗Blackgateone风格是怎样价位如何blackgateone是奢侈品吗blackgateone是奢侈品,BLACKGATEONE是法国的时尚品牌GATEONE推出的男装品牌。BLACKGATE

2025年3月15日 00:10

dictionaries怎么读(dictionaries怎么读)

dictionaries怎么读(dictionaries怎么读)

本文目录dictionaries怎么读oxford dictionaries pick a buzzword every year.怎么读dictionaries怎么读dictionaries 英式读音: 原型: diction

2025年3月25日 04:30

gummy是什么意思(gummy日与夜翻译歌词中文 不是音译 每句的意思)

gummy是什么意思(gummy日与夜翻译歌词中文 不是音译 每句的意思)

本文目录gummy日与夜翻译歌词中文 不是音译 每句的意思gummy的because of you是什么意思gummy日与夜翻译歌词中文 不是音译 每句的意思낮과 밤 - 거미日与夜 - Gummy어디 있는지 무얼 하고 있는지你在何处

2025年3月31日 09:40

sqlplus登录命令(关于sqlplus命令行无法登录Oracle数据库)

sqlplus登录命令(关于sqlplus命令行无法登录Oracle数据库)

本文目录关于sqlplus命令行无法登录Oracle数据库怎么进入sqlplus的命令行进入oracle后,sqlplus如何登陆为什么Oracle中sqlplus输入用户名后输入口令输入不进去orcal sqlplus登陆的用户名和密码是

2025年2月15日 01:40

pacific是什么意思(Pacific是什么意思)

pacific是什么意思(Pacific是什么意思)

本文目录Pacific是什么意思asia pacific是什么意思pacific ocean什么意思啊pacific 的意思Pacific是什么意思pacific读音:英 意思:adj.和平的,爱好和平的,太平的; 平静的; 平时的; 太

2025年3月23日 20:20

everybody中文谐音字(Everybody Dies In Their Nightmares的中文谐音那位大佬能翻译出来)

everybody中文谐音字(Everybody Dies In Their Nightmares的中文谐音那位大佬能翻译出来)

本文目录Everybody Dies In Their Nightmares的中文谐音那位大佬能翻译出来麻烦把这段英语翻译“汉语谐音”Everybody Dies In Their Nightmares的中文谐音那位大佬能翻译出来Every

2025年2月8日 17:40

手机门户网站源码(手机网站源代码)

手机门户网站源码(手机网站源代码)

本文目录手机网站源代码哪里有不错门户网站源码在安卓手机上网页源码如何用手机网站源代码珠海手机网站源码(正式完整版)http://www.52086.cn/scgw_76_2195.html手机网站源码破解版http://www.wrtx.c

2025年2月22日 11:10

random函数用法c语言(C语言中 random使用)

random函数用法c语言(C语言中 random使用)

本文目录C语言中 random使用C语言random函数C语言中 random使用/* Note:Your choice is C IDE */#include 《stdlib.h》#include 《stdio.h》#include 《t

2025年4月6日 14:30

ps简易教程(ps基础教程的基本操作)

ps简易教程(ps基础教程的基本操作)

本文目录ps基础教程的基本操作photoshop中的剪裁遮色片简单教程ps简单制作渐变色彩非主流照片教程PhotoShop简单的制作马赛克拼图字体效果教程ps怎么学习PS怎么自学ps基础教程的基本操作10.打开软件:在启动Photoshop

2025年3月3日 16:10

近期文章

javascript(javascript)
2025-04-16 02:10:03
本站热文

harbor,port,pier的区别?谁能解释“harbour“(港口)与“pier“(码头)的区别
2025-02-22 17:40:03 浏览:20
ibatis foreach(ibatis 批量update操作)
2025-02-10 23:40:06 浏览:7
endless rain(endless rain表达什么情感)
2025-02-14 06:00:02 浏览:7
标签列表

热门搜索