1、新建一个html文件,命名为test.html。
2、在test.html文件内,创建一个div模块,设置其class属性为bg,id属性为mydiv,用于下面设置css样式和获取div对象。
3、在test.html文件内,使用css设置div的样式,设置其宽度为500px,高度为272px,背景图片为2.jpg。
4、在test.html文件内,在div的下面创建一个button按钮,按钮名称为“更换背景颜色”。
5、给button按钮绑定onclick点击事件,当按钮被点击时,执行myfun()函数。
6、在test.html文件内,在js标签内,创建myfun()函数,在函数内,使用getElementById()方法通过id获得div对象,设置对象中的backgroundImage背景属性为另一张图片,从而实现改变div的背景图片。就完成了,运行就可以了。
你这是css吧,你可以在外面套一个div标签用来设置4个链接的总样式,然后在a标签里用style设置各自的颜色如:
<div class="hotNav">
<a href="" style="color:颜色">新手指引</a>
<a href="" style="color:颜色">游戏下载</a>
<a href="" style="color:颜色">注册帐号</a>
<a href="" style="color:颜色"游戏特色</a>
</div>
style代表div的页面样式,color代表是颜色属性,color:#00FF00表示颜色的值为00FF00,代表绿色。举例如下:
文档中的一个部分会显示为绿色:
<div style="color:#00FF00">
<h3>This is a header</h3>
<p>This is a paragraph.</p>
</div>
结果如图:
扩展资料:
div用法
<div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 <div>固有的特定的格式表现。可以通过 <div>的 class 或 id 应用额外的样式。
不必为每一个 <div>都加上类或 id,虽然这样做也有一定的好处。
可以对同一个 <div>元素同时应用 class 和 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的特定的元素。
参考资料:百度百科-div
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)