dw上怎么用css编辑div

html-css05

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

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

2.

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

3.

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

dw里怎样设置图片的css样式

1、首先在文件内插入一张图片,点击插入\图像,选择一张图片即可。

2、选中图像,点击css样式窗口的+号,新建一个CSS(相关课程推荐:css视频教程) 样式,打开对话框。选择标签元素,下面就自动变为img,就是说为图像编辑规则。

3、比如要为图片编辑边框,就在弹出的对话框中选择边框,有三个属性可以更改,一个是类型,大小和颜色。可以根据需要选择。

4、在右侧的css面板上就多了个边框属性,代码中多了个图像的css样式代码。图像就自动按照样式进行更改了。

5、如果要对该图像再进行修改,可以点击css样式窗口下的铅笔,在弹出的对话框中修改即可。

一般有四种方法:

1.<p style="color: siennamargin-left: 20px">

直接把样式写在代码中格式是style=""

</p>

2.<link href="mystyle.css" rel="stylesheet" type="text/css" media="all">链接外部css文件,mystyle.css改成你的css路径

3.写到页面头部<head></head>之间

<style type="text/css">

hr {color: sienna}

p {margin-left: 20px}

body {background-image: url("images/back40.gif")}

</style>

4.<style type=”text/css”>

<!--

@import “mystyle.css”

其他样式表的声明

-->

</style>用import导入css文件

其中第二种跟第三种方法比较常用!