html 制作一个有趣的小网站

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><div id="yang" style="font font-size:15px;color:brown;">请为文字选择颜色和字号</div><form style="border-style:solid;border-width:1px;width:200px">选择颜色<br /><input type="radio" name="yanse" value="red"onclick="setColor(this)">红色<input type="radio" name="yanse" value="blue"onclick="setColor(this)">蓝色<input type="radio" name="yanse" value="green" onclick="setColor(this)">绿色</form><br /><form style="border-style:solid;border-width:1px;width:200px">选择字号<br /><select style="width:100px"  onchange="setSize(this)" ><option value="10px">10px<option value="40px">40px<option value="80px">80px<option value="100px">100px<option value="150px">150px<option value="1000px">1000px</form><script>var div=document.getElementById("yang")function setColor(yzm){div.style.color=yzm.value}function setSize(yzm) {            div.style.fontSize = yzm.value}</script></body>
</html>

这个网站可以测试：https://codepen.io/

html 制作一个有趣的小网站相关推荐

制作一个有趣的涂鸦物联网小项目（涂鸦模组SDK开发 CBU BK7231N WiFi+蓝牙模组 HSV彩色控制）
实现的功能: l APP控制月球灯 l 本地月球灯控制 l APP控制"大白"颜色,实现各种颜色变身 l 门状态传感器状态APP显示 l 网络状态指示灯,连接服务器长亮, ...
制作一个有趣的QQ机器人
如何制作一个有趣的QQ机器人制作一个好玩的QQ机器人(只能手机进行操作哦) 题记:这个机器人用来整蛊兄弟或者是在朋友面前装逼都是不错的选择 QQ机器人简介机器人效果图机器人制作方法机器人必下软 ...
用 Python 制作一个艺术签名小工具，给自己设计一个优雅的签名
生活中有很多场景都需要我们签字(签名),如果是一些不重要的场景,我们的签名好坏基本无所谓了,但如果是一些比较重要的场景,如果我们的签名比较差的话,就有可能给别人留下不太好的印象了,俗话说字如其人嘛,本 ...
艺术签名python_用 Python 制作一个艺术签名小工具，给自己设计一个优雅的签名...
生活中有很多场景都需要我们签字(签名),如果是一些不重要的场景,我们的签名好坏基本无所谓了,但如果是一些比较重要的场景,如果我们的签名比较差的话,就有可能给别人留下不太好的印象了,俗话说字如其人嘛,本 ...
python绘制自己的名字_用 Python 制作一个艺术签名小工具，给自己设计一个优雅的签名...
生活中有很多场景都需要我们签字(签名),如果是一些不重要的场景,我们的签名好坏基本无所谓了,但如果是一些比较重要的场景,如果我们的签名比较差的话,就有可能给别人留下不太好的印象了,俗话说字如其人嘛,本 ...
java聊天室小程序论文_在Java项目中利用continue与break制作一个聊天室小程序
在Java项目中利用continue与break制作一个聊天室小程序发布时间:2020-12-08 16:03:27 来源:亿速云阅读:98 作者:Leah 在Java项目中利用continue与 ...
python打字_使用Python制作一个打字训练小工具
一.写在前面说道程序员,你会想到什么呢?有人认为程序员象征着高薪,有人认为程序员都是死肥宅,还有人想到的则是996和 ICU. 别人眼中的程序员:飞快的敲击键盘.酷炫的切换屏幕.各种看不懂的字符代码 ...
使用小程序制作一个飞机大战小游戏
此文主要基于微信小程序制作一个飞机大战小游戏,上手即用,操作简单. 一.创建小程序二.页面实现三.代码块一.创建小程序访问微信公众平台,点击账号注册. 选择小程序,并在表单填写所需的各项信息进 ...
PS制作一个百度的小熊掌LOGO
这篇教程是向脚本之家的朋友分享PS制作一个百度的小熊掌LOGO方法,教程比较基础,很简单,适合新手来学习,推荐到脚本之家,喜欢的朋友可以参考本文,来看看吧大家每天都用会百度,有没有想过自己制作一个百 ...

html 制作一个有趣的小网站

html 制作一个有趣的小网站相关推荐

最新文章

热门文章