怎样使用hovor让div下的文本和span标签的背景色同时改变
1个回答
展开全部
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <title>安下-div和span演示</title> <metahttp-equiv="Content-Type" content="text/html;charset=gb2312"/> <styletype="text/css"> <!－ .box{ background-color:#EEFAFF; width:30%; float:left; } .boxhead{ font-size:14px; font-weight:bold; background-color:#AEC6FD; text-align:center; width:100%; color:#FFFFFF; } －－> </style> </head> <body> <divclass="box"> <divclass="boxhead">我在div内，类为boxhead</div> <p>我在div内</p> <p>我在div内</p> <p>我在div内</p> <p>我在div内</p> </div> </body> </html>
上述例子中，首先在页面内定义了一个class为box的div，在它的内部又定义了一个class为boxhead的div。
box属性：width: 30%;表示这个box div占整个页面宽度的30%，而浮动属性float: left; 则表示box div浮动在页面的左侧。
boxhead属性：width: 100%;由于boxhead div在box div之内，那么这里的100%是指box的宽度。
行级标签<span>(行内标签)
修改上个例子中的第一个“<p>我在div内</p>”，修改后的代码如下：
<p><spanstyle="color:red">我在div内，也在span内，</span>属性为box。</p>
上述例子中，首先在页面内定义了一个class为box的div，在它的内部又定义了一个class为boxhead的div。
box属性：width: 30%;表示这个box div占整个页面宽度的30%，而浮动属性float: left; 则表示box div浮动在页面的左侧。
boxhead属性：width: 100%;由于boxhead div在box div之内，那么这里的100%是指box的宽度。
行级标签<span>(行内标签)
修改上个例子中的第一个“<p>我在div内</p>”，修改后的代码如下：
<p><spanstyle="color:red">我在div内，也在span内，</span>属性为box。</p>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
