怎样用css属性将边框设为1像素的代码?

html-css06

怎样用css属性将边框设为1像素的代码?,第1张

怎样用css属性将边框设为1像素的代码? class="page_speeder_240883974"

总共三个参数:

1px代表边框为1像素;

solid是边框样式,细线;

#000000是边框颜色;

你可以根据你自己的需求进行相应的更改!

用css属性将边框设为1像素的代码

<!DOCTYPE ><lang="en"><head> <meta charset=UTF-8> <title>景安</title><style type=text/css>.zzidc{width: 300pxheight: 100pxborder: 1px solid red}</style></head><body> <div class="zzidc">我是边框</div></body></>css中可以使用border属性,来对边框进行设置

div 三面有属性怎么写? left right 有1像素的边框线, CSS怎么写?

border:#000 1px solidborder-bottom:none

怎样用代码做外边框和内边框

这里是文字的输入地方,随着文字的增多,边框就逐渐放大。可以放加入背景图片的代码 ,在这里还可以放一个或多个动画代码(做多层透明flash 动画)。

怎样用css边框属性制作等边三角形

width: 0 height: 0 border-bottom: 140px solid #fcf921 border-left: 70px solid transparent border-right: 70px solid transparent仅限支持css3,如果在css3以下版本,那么就只能使用图片了

求css的布局的下边框风格属性代码

Layout properties: border-bottom-style 下边框风格属性 该CSS属性用来设定下边框的风格。 值:<border-style>| inherit 可用值 值的说明 none 没有边框,无论边框宽度设为多大 dotted 点线式边框 dashed 破折线式边框 solid 直线式边框 double 双线式边框 groove 槽线式边框 ridge 脊线式边框 inset 内嵌效果的边框 outset 突起效果的边框 示例代码: .d1{border-bottom-style:none} .d2{border-bottom-style:solid} .d3{border-bottom-style:double} .d4 {border-bottom-style:dotted}

css+div的边框是花纹的,怎样用代码写出来?

css+div的边框是花纹的,其代码为:

css:#dash{border:1px dashed redwidth:200pxheight:60px}

:<div id="dash"></div>

css+div的标准含义:叠样式表(Cascading Style Sheets)的缩写,用于定义HTML元素的显示形式,是W3C推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。

css+div可以通俗的解释为:如果把整个房间的地板比喻成一个网页的话,那<div>就是地板砖,一个个的排列起来,组成了这个网页.而这 些div你要他怎样显示呢?就靠CSS来控制他的大小。

代码定义:就是程序员用开发工具所支持的语言写出来的源文件,是一组由字符、符号或信号码元以离散形式表示信息的明确的规则体系。

代码的用处:代码是实现你需要的过程。

Spread for WinForms 怎样用代码设置单元格的外边框

可以通过 sheet 下的 setBorder 方法设置范围单元格的边框。代码如下:

sheet.setBorder(new $.wijmo.wijspread.Range(1, 1, 6, 5), new $.wijmo.wijspread.LineBorder("Black", $.wijmo.wijspread.LineStyle.thin), { outline: true })

sheet.setBorder(new $.wijmo.wijspread.Range(1, 1, 6, 5), new $.wijmo.wijspread.LineBorder("Blue", $.wijmo.wijspread.LineStyle.dotted), { inside: true })

sheet.setBorder(new $.wijmo.wijspread.Range(5, 1, 1, 5), new $.wijmo.wijspread.LineBorder("Black", $.wijmo.wijspread.LineStyle.double), { bottom: true })

详细的介绍,可以参考下面的博客:blog.gcpowertools../post/2014/05/05/how-to-set-cell-styles-in-spreadjs.aspx

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

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

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:grayborder-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。

例:DIV.sample {width: 300px

height: 200px }

虽然百度空间吧里已经有很多高手总结出的这方面的教程,但是我觉得很多介绍都挺含糊的,至少我就碰到很多看不懂的地方,还需要自己一点一点去试验摸索,所以我想把我总结出的一些心得也整理一下贡献出来给大家看看,绝对浅显易懂,傻瓜都能学会~~~由于这里的内容都是我在设置自己空间时的经验,所以不是很完整,比如如何设置背景颜色或图片我就没有介绍到(因为我自己不喜欢背景有颜色或有图片,所以没有研究这个),以后慢慢研究出更多之后还会陆续更新的,希望大家不要嫌弃。如何修改CSS文件:登录后进入设置-模板设置-自定义模板,这时就会跳出一个窗口,出现可编辑的CSS代码文件。但是,这并不是你自己当前使用的模板的代码,而是一个百度默认模板的代码,这个是无法选择的,百度目前只能提供这一种模板供编辑。如果你想在某个比较喜欢的模板的基础上进行编辑,就需要先把这个模板的CSS代码复制出来,然后把“自定义模板”里出现的那个代码完全替换掉,接下来就可以对想修改的部分进行编辑啦。在编辑CSS文件的窗口下方有四个选项:“保存”“保存并应用”“取消”“预览”,一定要搞清楚这几个选项的区别,在每次修改之后最好先点一下“预览”看看有没有错误,之后再“保存”,最好不要在编辑状态下直接点“保存并应用”,而是先保存,然后再次预览确定每个页面都没问题之后再选择“应用此模板”。查看自己或别人CSS代码的方法: 打开你要看的那个空间,点右手键,菜单上会有一个选项“查看源文件”,点这个后会弹出一个记事本文件,在这个文件中查找“CSS”,直到出现这种格式的文字 “href="/msnib/css/item/ed14a84473384f82b2b7dcb2.css">”(以MSNIB的空间为例),然后COPY其中“/css/item/ed14a84473384f82b2b7dcb2.css”这一段放到地址栏里空间网址的后边,即“http://hi.baidu.com/msnib/css/item/ed14a84473384f82b2b7dcb2.css”,然后敲回车,这时就会弹出来一个记事本文件,这里就是你要看的CSS代码文件。通常用这种方法看到的文字都是不分行的,比较混乱,这时可以把它COPY到WORD文档里,看起来就会比较有条理啦。注:可以通过这种方法学习一些代码的设置方式,或者挖到一些喜欢的资源,但最好不要全盘复制别人的劳动成果,自己动手设置出独一无二的模板才更有乐趣啊~~~CSS内容及几个主要部分的设置方式空间背景颜色/鼠标设置区域如果要设置特殊风格的鼠标,需要在代码文件的第一行加上:a:hover {cursor:url('http://imgcache.qq.com/qzone/space_item/orig/11/187.ani')}body {cursor:url('http://imgcache.qq.com/qzone/space_item/orig/11/1547.ani')}{background-color:#FFFFFF}第一行括号内的链接是点到链接时的鼠标状态,第二行括号内的链接是正常的鼠标状态,第二行后边的background-color后边的颜色代码是指整个空间的背景颜色。六位颜色代码可以在这里找到。如果不需要设置特殊鼠标,那么这一部分只保留“body {background-color:#颜色代码}”就可以了。空间名称/标题图片设置区域#header{height:300pxbackground:url(……)}这是空间标题栏的主体部分,{}内的文字解释如下:“height”指标题栏的高度,这个要与你放在标题栏的图片高度相同;后边的括号内是你要做标题的图片的链接,宽度为1024px的图片比较合适,图片高度可以根据自己的喜好决定。#header div.lc{} #header div.rc{}如果想在标题的左右两边放置不同的图片,就在第一行的{}内加上左边的图片链接,格式为{background:url(……) no-repeat left}。第二行的{}内加上右边图片的链接,格式为{background:url(……) no-repeat right}。否则{}内留空就可以。#header div.tit{top:30pxleft:20pxline-height:22pxfont-size:30pxfont-family:隶书}这里要设置的是空间名称的位置(top后边的数字是文字离空间标题栏上边界的距离,left后边的数字是离左边界的距离);大小(font-size后边的数字);字体(font-family后边的文字)。#header div.tit a.titlink{color:#......text-decoration:none}#header div.tit a.titlink:visited{color:#......text-decoration:none}这两行应该是设置空间名称文字的颜色,但是我搞不清楚2行有什么区别,所以索性都设成一样的好了。如果想要把文字设成设成黑体或下划线,就把text-decoration:后边的none相应地改成bold或underline。#header div.desc{top:60pxleft:20pxcolor:#......font-size:13px}这行是设置空间简介(空间名称下边那行小标题)的位置、大小和字体的,设置方法同空间名称的设置。#tabline{top:415pxbackground-color:#......}这个是指TAB菜单栏(主页/博客/相册/好友/设置那一行)下边的分隔线的位置和颜色,top后边的数字是指分割线离空间标题栏上边界的距离,这个数字要根据标题栏的高度和菜单的位置(是与图片重叠或位于图片下方)来决定。#tab{top:390px}这个是指TAB菜单栏的位置,top后边的数字是指距空间标题栏上边界的距离。#tab a.on,#tab a.on:link,#tab a.on:visited{margin-top:2pxline-height:20pxbackground-color:#......color: #……font-size:14pxfont-weight:bold}这一行是指TAB菜单被选中后的状态,文字的位置,文字后边背景的颜色,文字颜色,字号等等。#tab span{color:#F93A60font-size:14px}这个是指TAB菜单中间的分隔符(就是那条竖线)的颜色和大小。#tab a:link{color:#......text-decoration:nonefont-size:14px}这一行是指TAB菜单未被选中时的状态,文字颜色,其它定义,字号。#tab2部分是TAB菜单下方的第二TAB菜单栏(比如“设置”下方的“基本选项”“模板设置”这一栏)的设置,设置方法同上。.stage{background-color:#......}这个是空间内容区域(TAB菜单栏以下直到空间底部)的背景颜色/图片设置,不想设置也可以把{ }留空。博客文章标题/文字设置区域#m_blog div.tit{font-size:14pxfont-weight:boldline-height:50pxtext-indent:60px}博客文章标题栏的设置,line-height后边的数字是用来定义标题栏高度的,text-indent后边的数字是指标题文字向右缩进的距离,如不需要缩进可设为0。如果想在每篇文章的标题前加上图片,可以在{}内的结尾处加上“background:url(图片链接) no-repeat”,然后按照加入的图片尺寸相应调整标题栏高度和文字缩进处的数值。QQ里的那些可爱的动画表情图标都可以拿来用,另存后上传到百度空间的相册就可以啦。#m_blog div.tit a{color:#......font-size:14pxfont-weight:bold}博客文章标题链接的状态设置。#m_blog div.tit a:visited{color:#047304}博客文章标题被选中后的状态设置。#m_blog div.date{margin:5px 0 8px 0color:#666666text-align:right}博客文章日期的设置,margin指距标题栏的距离,text-align指日期的位置(居左居右或居中)。#m_blog div.cnt{color:#666666line-height:20pxfont-size:14px}博客文章内容设置:文字颜色,行距,字号。#m_blog div.more a{color:#047304font-size:14px}“阅读全文”链接状态设置。#m_blog div.more a:visited{color:#047304}博客文章标题链接被选中后的的状态设置。#m_blog div.opt{color:#047304font-size:12px}文章操作区(如编辑、评论等)的设置。#m_blog div.opt a{color:#047304font-size:12px}文章操作区链接状态设置。#m_blog div.opt a:visited{color:#047304}文章操作区链接被选中后的状态。#m_blog div.line{margin-top:10pxline-height:60pxbackground:url(图片链接) no-repeat center}文章和文章之间的分隔线设置,margin-top指分隔线与上一篇文章之间的距离,line-height指分隔线区域的高度,结尾处可定义分隔线的位置(no-repeat center指不重复,居中,repeat-x指横向重复)。音乐播放器的设置如果觉得空间默认的音乐播放器不好看,可以在空间最后加上这段代码来改变播放器的大小和颜色:#phx{FILTER:Alpha(Opacity=60,FinishOpacity=36,Style=0,StartX=20,StartY=40,FinishX=0,FinishY=0)gray()WIDTH: 225pxHEIGHT:45px} 这个是我的播放器代码)这段代码有点复杂,捡能看懂的部分介绍一下吧,其他的还没摸索出来呢:Opacity=透明度,可以用0-100之间的数值,数值越低透明度越高;FinishOpacity=过度透明度,即边缘的透明度(这个我还没搞懂怎么玩);gray=颜色/风格,可以设为默认、gray、xray、invert等,可以自己尝试;WIDTH后边的数字表示播放器的宽度,HEIGHT后边的数字表示播放条的高度。 怎样设置分隔线文章和文章之间的:#m_blog div.line{margin-top:10pxline-height:60pxbackground:url(图片链接) no-repeat center}文章评论之间的:#in_comment div.line{margin-top:10pxline-height:50pxbackground:url(图片链接) no-repeat center}好友页面的分隔线:#m_friend div.line{margin-top:17pxline-height:17pxbackground:url(图片链接) repeat-x}相册页面的分隔线:#m_albumlist div.line{margin-top:17pxline-height:17pxbackground:url(图片链接) repeat-x}如果想取消分隔线,把“background”往后的部分都删掉就可以啦~~~空间内各个模块边框的设置方法CSS代码的第四个部分(以“.mod”打头的部分) ,就是用来设置空间内各个模块状态的。以前一直没搞懂是什么意思,今天终于搞明白啦,分别解释如下:Padding:几乎在每一项的设置里都会提到这个词,它的意思是指定区域中文字或图象与边框的距离。.modbox:这一行是用来设置每个模块内容的位置,以及模块的背景颜色,还有就是简单的线条边框,比如none(没有边框)dotted(点线边框)dashed(破折线边框)solid(直线边框)double(双线边框)等。比如我的设置:.modbox{padding:10px 10px 0 10pxborder-left:1px solid #9FA6AEborder-right:1px solid #9FA6AE} 意思是,模块内上下左右的边距分别为10px 10px 0 10px;左边框为实线,宽度1px,颜色#9FA6AE;右边框为左边框为实线,宽度1px,颜色#9FA6AE。如果想设置模块背景,在括号内加上“background-color:#六位颜色代码”就可以啦~~~~如果要设置复杂一些的边框效果,就需要用到以下的部分了:.modtl:模块上边框左角设置.modtc:模块上边框中间部分设置.modtr:模块上边框右角设置.modbl:模块下边框左角设置.modbc:模块下边框中间部分设置.modbr:模块下边框右角设置这部分的设置是可以使用图案的,比如,我在左上边框用了这个图案,中间部分用,右边用,全都设置好了以后就组合成一个完整的上边框了。具体的设置是这样的:.modtl{background:url(

) no-repeat top left} 用相同的方法依次设置下边的就OK啦。如果是自己会设计图案就比较有趣啦,可以做出各种与众不同的边框来,像我这么笨的就只会去网上找现成的 =_=|||空间音乐播放器增加了新功能!!再主页音乐播放器那里点“编辑”就可以看到,以前只能播放一首歌曲,现在可以添加5首歌曲的链接并循环播放啦,而且还可以选择“是否显示视频框”。这个新功能可真不错!!!