今天我们来做一个超简单的案例,这个案例简单就是修改里面的:宽度、高度、背景颜色、边框、圆角,然后点击运行,接着右边的图形作出相应的改变。
- 代码
1.HTML:首先需要设置要改变的属性值,改变属性的按钮,改变图形的样式,看个人爱好可以设置背景图片,为它们设置类名以及ID名以方便后面的JavaScript获取使用;这样我们的HTML就算完成了。
<body>
<div class="set_con">
<div class="left_set">
<label>宽度:</label>
<input type="text" value="100px" id="input01">
<label>高度:</label>
<input type="text" value="100px" id="input02">
<label>背景色:</label>
<input type="text" value="gold" id="input03">
<label>边框:</label>
<input type="text" value="5px solid #000" id="input04">
<label>圆角:</label>
<input type="text" value="0px" id="input05">
<button class=