码迷,mamicode.com
首页 > 其他好文 > 详细

change按钮

时间:2019-10-17 23:27:45      阅读:112      评论:0      收藏:0      [点我收藏+]

标签:html   function   meta   head   color   null   hang   tle   char   

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>单击change按钮</title>
<style type="text/css">
div{
text-shadow:2px 2px #ff0000;
font-family:‘黑体‘;
font-size:30px;
text-align: center;
}
button{

}
.change{

font-size: 20px;
}
.change:hover{
border: 3px solid seagreen;
}
</style>
</head>
<body>
<div id="null">
<p>哪里会有人喜欢孤独,不过是不喜欢失望罢了!</p>
</div>
<button class="change" onclick="myFunction()">change</button>
<script type="text/javascript">
function myFunction(){
var Color = document.getElementById("null");
Color.style.border = "4px double red";

}
</script>
</body>
</html>

change按钮

标签:html   function   meta   head   color   null   hang   tle   char   

原文地址:https://www.cnblogs.com/shu-xi/p/11695702.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!