dw上怎么用css编辑div

html-css010

dw上怎么用css编辑div,第1张

打开页面,打开css设计器,添加css源,在页面中定义,切换代码界面,定义名为#box和#text的css样式。

2.

点击插入Div,定义ID为text,点击确定。

3.

点击实时视图即可看到相应的效果。

给你写个例子:

<body>

<div

class="div1">a</div>

<div

class="div2">b</div>

</body>

</html>

<style

type="text/css">

.div1{

width:100px

height:100px

background:red

z-index:1

position:absolute}

.div2{

width:100px

height:100px

background:#09C

z-index:2

position:absolute}

</style>

这样写

显示出来的层就是div2所写的样式,显示出蓝色(div1被覆盖)

如果想让显示出来的是div1的样式,就把div1里面的z-index:X

这里的x只要大于div2里z-index中的值就可以了

:)