新建 Ctrl + N
关闭 Ctrl + F4
全部关闭 Ctrl + Shift + F4
属性 Alt + Enter
2.编辑(13)
激活代码助手 Alt + /
激活快捷键视图 Ctrl + Shift + L
开启关闭注释整行 Ctrl + /
开启关闭注释已选内容 Ctrl + Shift + /
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .con{width:800px text-align: center}#hong{background-color: red }#huang{background-color: yellow }#lv{background-color: green }#color{border: 1px solid black width: 200px margin: 0 auto }#width{border: 1px solid black width: 200px margin: 0 auto }#huabu{width:300px height: 300px border: 1px solid black margin: 0 auto background: white } </style> </head> <body> <div class="con"> <div id="color"> <span>颜色:</span> <button id="hong" onclick="setred()">红</button> <button id="huang" onclick="setyellow()">黄</button> <button id="lv" onclick="setgreen()">绿</button> </div> <div id="width"> <span>宽度:</span> <button id="200" onclick="seter()">200</button> <button id="400" onclick="setsi()">400</button> <button id="600" onclick="setliu()">600</button> </div> <div> <button id="clear" onclick="huifu()">一键恢复</button> </div> <div id="huabu"></div> </div> </body> <script> var huabu=document.getElementById("huabu") function setred(){huabu.style.background="red" } function setyellow(){huabu.style.background="yellow" } function setgreen(){huabu.style.background="green" } function seter(){huabu.style.width="200px" huabu.style.height="200px" }function setsi(){huabu.style.width="400px" huabu.style.height="400px" }function setliu(){huabu.style.width="600px" huabu.style.height="600px" }function huifu(){huabu.style.width="300px" huabu.style.height="300px" huabu.style.background="white" }</script></html>欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）