DW中的CSS样式问题

html-css015

DW中的CSS样式问题,第1张

<table width="650" align=center height="20" style="table-layout:fixed">固定表格的长宽控制TD宽和高两法:

一、

.td

{

width:100px

height:50px

}

二、

<td style="width:500px"..... >

有关表格边框的css语法

具体内容包括:上边框宽度、右边框宽度、下边框宽度、左边框宽度、边框宽度、边框颜色、边框样式、上边框、下边框、左边框、右边框、边框、宽度、高度、有关标签等。 1.上边框宽度

语法: border-top-width: <值>允许值: thin | medium | thick | <长度>初始值: medium适用于: 所有对象向下兼容: 否上边框宽度属性用于指定一个元素上边框的宽度。值可以是三个关键字其中的一个,都不受字体大小或长度的影响,可以用于实现成比例的宽度。不允许使用负值。也可以用在上边框、边框的宽度或边框的属性略写。2.右边框宽度

语法: border-right-width: <值>允许值: thin | medium | thick | <长度>初始值: medium适用于: 所有对象向下兼容: 否右边框宽度属性用于指定元素的右边框的宽度。值可以是三个关键字其中的一个,都不受字体大小或长度的影响,可以用于实现成比例的宽度。不允许使用负值。也可以用在右边框、边框的宽度或边框的属性略写。 3.下边框宽度

语法: border-bottom-width: <值>允许值: thin | medium | thick | <长度>初始值: medium适用于: 所有对象向下兼容: 否下边框宽度属性用于指定元素的下边框的宽度。值可以是三个关键字其中的一个,都不受字体大小或长度的影响,可以用于实现成比例的宽度。不允许使用负值。也可以用在下边框、边框的宽度或边框的属性略写。 4.左边框宽度

语法: border-left-width: <值>允许值: thin | medium | thick | <长度>初始值: medium适用于: 所有对象向下兼容: 否左边框宽度属性用于指定元素的左边框的宽度。值可以是三个关键字其中的一个,都不受字体大小或长度的影响,可以用于实现成比例的宽度。不允许使用负值。也可以用在左边框、边框的宽度或边框的属性略写。5.边框宽度

语法: border-width: <值>允许值: [ thin | medium | thick | <长度>]{1,4}初始值: 未定义适用于: 所有对象向下兼容: 否边框宽度属性用一到四个值来设置元素的边界,值是一个关键字或长度。不允许使用负值长度。如果四个值都给出了,它们分别应用于上、右、下和左边框的式样。如果给出一个值,它将被运用到各边上。如果两个或三个值给出了,省略了的值与对边相等。 这个属性是上边框宽度、右边框宽度、下边框宽度和左边框宽度属性的略写。也可以使用略写的边框属性。6.边框颜色

语法: border-color: <值>允许值: <颜色>{1,4}初始值: 颜色属性的值适用于: 所有对象向下兼容: 否边框颜色属性设置一个元素的边框颜色。可以使用一到四个关键字。如果四个值都给出了,它们分别应用于上、右、下和左边框的式样。如果给出一个值,它将被运用到各边上。如果两个或三个值给出了,省略了的值与对边相等。也可以使用略写的边框属性。7.边框样式

语法: border-style: <值>允许值: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4}初始值: none适用于: 所有对象向下兼容: 否边框样式属性用于设置一个元素边框的样式。这个属性必须用于指定可见的边框。可以使用一到四个关键字。如果四个值都给出了,它们分别应用于上、右、下和左边框的式样。如果给出一个值,它将被运用到各边上。如果两个或三个值给出了,省略了的值与对边相等。也可以使用略写的边框属性。

none:无样式;

dotted:点线;

dashed:虚线;

solid:实线;

double:双线;

groove:槽线;

ridge:脊线;

inset:内凹;

outset:外凸。

table 用div框起来 设置div class=“随便的名称” 然后

一、虚线与实线边框   -   TOP

边框虚线样式:dashed

边框实现样式:solid

border:1px dashed #000

代表设置对象边框宽度为1px黑色虚线边框

border:1px solid #000

代表设置对象边框宽度为1px黑色实现边框

二、对div上边加边框   -   TOP

我们给div上边加1px黑色边框

div{border-top:1px solid #000} 

三、给div底部加边框   -   TOP

给div盒子底部加2px虚线红色边框

div{border-bottom:2px dashed #F00} 

四、在div盒子左侧加边框   -   TOP

给一个css选择器css命名为“.divcss5”盒子左侧加一个蓝色1px实线边框

.divcss5{ border-left:1px solid #00F} 

DIV代码:

<divclass="divcss5">此DIV盒子左侧为1px实线蓝边框</div>

五、在盒子div右侧加边框   -   TOP

div对象右侧加1px红色实线边框

div{ border-right:1px solid #F00} 

六、在盒子上下加边框   -   TOP

给盒子上下加1px实现黑色边框

div{border-top:1px solid #000border-bottom:1px solid #000} 

七、给div盒子左右加边框   -   TOP

给盒子左右加2px虚线绿色边框

div{ border-left:2px dashed #0F0border-right:2px dashed #0F0} 

八、给div四边加上一个边框   -   TOP

给一个DIV四边加上3px实现黑色边框

div{ border:3px solid #000}

首先CSS(级联样式表)一般来讲分3种:

外联样式表:CSS样式单独写在一个CSS文件中,HTML页面使用<link>标签引入这个文件;

内联样式表:CSS样式写在HTML页面的<head>标签内;

内嵌样式表:CSS样式直接写在HTML标签的style属性里。

然后说下在DW里怎样使用它们(以下以DW CS6版本为例,其他版本大同小异):

在DW里可通过直接引入、CSS样式面板和属性面板的方式来使用CSS。

如果是外联样式表,在DW界面中可通过直接拖动CSS文件到页面的方式直接将这个样式表引入到页面(注意要拖放到<head>标签内)。

在DW的CSS样式面板中可以方便的管理CSS样式,可新增、删除、修改标签的样式。

如需要为某个元素(例如一段文字)应用某个样式,可通过DW的属性面板里的“类”下拉列表来快速为其应用样式。