<div class="div1"><a>1</a></div>
<div class="div2"><a>1</a></div>
<div class="div3"><a>1</a></div>
<div class="div4"><a>1</a></div>
<style>
.div1,.div2,.div3,.div4 a:hover{color:red}
.div1,.div2,.div3,.div4 a:link{color:#ddd}
</style>
每一个都要加上点
按照样式定义:\x0d\x0a.div1,.div2,.div3,.div4 a:hover {}\x0d\x0a.div1,.div2,.div3,.div4 a:link {} \x0d\x0a\x0d\x0a如果你的div 的名字是div1~4,那么应该使用\x0d\x0a#div1,#div2,#div3,#div4想要让多个div元素并列成一行,可以将div元素的float属性设置为left。但这样做还不够,应为当浏
览器的宽度小于这几个div的宽度总和时还是会有div会跑到底部,所以需要将想要并列的div元素套
在另外一个大div里,当然,这个大div宽度要大于并排div宽度的总和。这样子,就可以做到怎么变
换窗口大小时div都不会跑到下面了。
以下是具体演示步骤:
1、打开一个HTML文件编辑器。先在里面输入HTML的基本元素。
2、在body标签里添加一个大div来容纳并列的div。
3、在大div里添加想要并列的div元素,并在style属性里添加float:left即可
4、运行效果。