怎样用css设定下表框的宽度、样式、颜色

怎样用css设定下表框的宽度、样式、颜色,第1张

分类: 电脑/网络 >> 百度 >> 百度空间
解析:

请把问题讲得清楚一些,你说的表框是模块的边框还是表格的边框

如果是模块边框的话,就先弄懂这些参数和属性

none (没有边框,无论边框宽度设为多大)

dotted (点线式边框)
dashed (破折线式边框)

solid (直线式边框)

double (双线式边框)

groove (槽线式边框)

ridge(脊线式边框)

inset (内嵌效果的边框)

outset (突起效果的边框)

边框宽度属性(border-width)

这个属性用来设定上下左右边框的宽度,它的值如下:

medium (是缺省值)

thin (比medium细)

thick (比medium粗)

用长度单位定值。可以用绝对长度单位(cm, mm, in, pt, pc)或者用相对长度单位 (em, ex, px)。

边框颜色属性(border-color)

这个属性用来设定上下左右边框的颜色。例句如下:

d5 {border-color:gray;border-style:solid;}

边框属性(border)

这个属性是边框属性的一个快捷的综合写法,它包含border-width, border-style和border-color。例句如下:

d1 {border:5px solid gray;}

单边边框属性

上下左右四个边框不但可以统一设定,也可以分开设定。

设定上边框属性,你可以使用border-top, border-top-width, border-top-style, border-top-color。

设定下边框属性,你可以使用border-bottom, border-bottom-width, border-bottom-style, border-bottom-color。

设定左边框属性,你可以使用border-left, border-left-width, border-left-style, border-left-color。

设定上边框属性,你可以使用border-right, border-right-width, border-right-style, border-right-color。

边框属性

前面例子里提到的,例如用来定义字体颜色的color,字体大小的font-size,都是CSS的属性。从这一课起,就开始详细介绍CSS的各类属性。

每一个网页都可以理解成是被一个方框框起来的,而页面中不同的部分又可以分为一个个小的方框。因此定义方框的边距、边界、颜色等的边框属性应用而生。

1、边距属性:

·左边距(margin-left)

·右边距(margin-right)

·上边距(margin-top)

·下边距(margin-bottom)

·边距(margin)

边距属性定义HTML页面中方框四边和其他元素之间的空白距离,每一个margin-side属性只影响到一条边,而margin则提供了一个同时设置四个边距的机会。

2、填充属性:

·左填充(padding-left)

·右填充(padding-right)

·上填充(padding-top)

·下填充(padding-bottom)

·填充(padding)

填充属性设置边框和内部元素的距离。它和边距属性十分相似,每个padding-side定义一个边框距离,padding则同时定义四个距离。

3、边界属性

·上边界宽(border-top-width)

·右边界宽(border-right-width)

·下边界宽(border-bottom-width)

·左边界宽(border-left-width)

·边界宽(border-width

这几个属性定义边界宽度,用thin、medium和thick分别表示细、中等和粗,或者指定具体的数值来定义边界的宽度。

·边界颜色(border-color)

这个属性定义边界的颜色,可以用16种颜色名或RGB值来设置。如果指定一种颜色,则表示四个边框是一种颜色,指定两种颜色,则定义顺序为上下、左右;指定三种颜色,顺序为上、左右、下;指定四种颜色,顺序则为上、右、下、左。16种颜色名分别为:aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow。RGB值则应表示为#RRGGBB或r%,g%,b%。

·边界样式(border-style)

该属性用以定义边框的风格呈现式样。共有九种。

none - 不显示边框,为缺省值

dotted - 点线

dashed —虚线

solid - 实线

double - 双线

groove -凹线

ridge - 凸线

inset - 使整个方框凸起

outset - 使整个方框凹陷

·上边界(border-top)

·右边界(border-right)

·下边界(border-bottom)

·左边界(border-left)

·边界(border)

这几个是简写属性,它 了上面几种属性的特点,可使用其给边框一次性定义宽度、式样和颜色。各属性值之间用空格隔开。

4、尺寸属性

定义方框的宽度width和高度height。

例:DIVsample {width: 300px;

height: 200px }

问题一:在word里为文字添加的边框怎么改变色彩 设置方法:
弧、选中需要设置的文字;
2、单击页面布局----边框按钮;
3、d出边框和底纹对话框,选择边框选项卡,在设置处选择方框,在颜色处单击,根据需要选择一种颜色,在应用于处选择文字即可中,如图所示。

问题二:ppt字体边框颜色怎么修改? 20分 1、打开PPT应用程序,点击插入――文本框,并输入文字。
2、选中文字,点击顶部的格式工具栏,在艺术字样式命令组,点击文本轮廓下拉三角,选中一种颜色,确定即可修改文本轮廓。

问题三:美图秀秀如何改变文字边框颜色 50分 1、在美图秀秀中打开一张,在美化里面找到饰品→炫彩水印里面有三个颜色的方框图形,点击添加,再调整位置与大小;
2、再切换到文字→静态文字,输入文字后应用,选择合适的字体与颜色,最后保存就好了。

问题四:Word2010文字 *** 作问题:如何设置框线颜色为白色,背景1,深色25% 5分 文字底纹填充:开始--段落--边框和底纹,底纹选项卡,“应用于”选择“文字”,“填充”选择“白色,背景1,深色25%”:

问题五:Word2010怎么给标题设置蓝色的边框,“字符边框”点了之后不知道怎么变成蓝色 10分 在word2010里,输入文字内容,点击“字符边框”;
选中字符边框文字,点击“段落”里的“边框”,在下拉列表里点击“边框和底纹”;
在边框设置下,点击“方框”,在颜色里选择蓝色,可以设置特定的宽度,在“应用于”里,选择“文字”,点击“确定”;
确定以后,文字四周就是蓝色的边框了。

问题六:在PS里面如何给字体边框加上颜色的? 字体边框加颜色那是加的字体边框特殊效果。
PS里加字体炫酷效果加边框特效的方法:
1、首先场制作炫酷的边框,新建一个图层,在自定义形状里选择图形并建立路径形状(当然也可以自己用多边形套索工具画出选区)点击路径面板,右击建立选区,注意不要过度羽化,默认即可;
2、点击图层面板,单机创建的图层然后找到菜单栏上的编辑――填充,选择喜欢的颜色;
3、双击图层缩略图调出图层样式点击圈起来的选项,至于参数给出参考具体依照自己的想法;
4、依照上述方法调出图层样式勾选描边。选择并调整渐变;
5、调整字体大小输入汉字。新建一个图层2,按住Ctrl点击文子图层 ,选区。单机渐变工具,在单机新建图层2在该图层上使用渐变工具画图;
6、右击栅格化文子图层,按照上述方法打开文子图层样式,调整其参考;
7、在新建一个图层,在其上面用画笔工具画出想要的效果,然后按住alt键在最上面两个图层中间出现图标时单机一下即可成功。

问题七:word中怎样把文字设置蓝色的边框 选定文字,页面设置--版式--边框--页面边框,右边注意“应用于‘文字’”,中间选择线条和颜色(蓝色),确定

问题八:WPS文字里怎样设置表格的外框和内框线颜色! 步聚:
1、全选表格,右击,选“边框和底纹”,调出设置窗口;
2、选择自定义,选蓝色,15磅,设置好外边框(可在右侧选择,也可选左侧的“方框”)
3、再点自定义,选红色,075磅,点击右侧预览的中间“十”字处。

问题九:word2007怎样设置文字的边框和底纹,颜色如何修改? 15分 点帮助

问题十:flash软件中如何填充文字边框颜色 5分 你说的是文字描边效果吧,也就是使用“文本工具”输入文字后,“CTRL+B“打散”两次,文字就变成了图形,然后这时可以使用“墨水瓶工具”选择一下笔触颜色面板,选择好颜色后,使用“墨水瓶”单击一下文字的边缘,就可以给文字添加边框了。
另外更多的具体教程,你可以看我的链接,这个教程全名叫“使用FLASH制作描边文字效果”。

1、选中表格,在开始中找到边框和底纹。
2、然后调出了边框和底纹对话框。
3、在边框和底纹对话框中,在边框选项中,修改颜色为喜欢的颜色,确定。
4、最后看一下边框变成了喜欢的颜色。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/yw/13056991.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-30
下一篇 2023-05-30

发表评论

登录后才能评论

评论列表(0条)

保存