Ⅰ 如何用css定义div的边框颜色
我比较喜欢用简写的,给你列一下简写的边框样式吧:
border:1px solid #FF0000;
表示4条边都是1像素直线边框,红色。
1px表示边框宽度,solid表示直线(虚线可以用dashed),#FF0000是颜色逗简轮值(这个不用我多说山信了吧)
如果要定义4条边都不一样,那么用:
border-top:
border-right:
border-bottom:
border-left:
分别表示上右下左的边框,后面的值参照border就咐液可以了。
Ⅱ CSS样式边框颜色谁会修改,求高手,求指教,我有源代码别人给我好的程序,但是边框我不喜欢,想修改了
border:1px solid #ccc; border:宽配缓度 样式 颜色;当然也可以拍轿另外设置袭卖肆边框颜色:borer-color:#ccc;
Ⅲ 试述css3中设置边框颜色的属性
border-top : 1px solid #6699cc; /*上框线*/
border-bottom : 1px solid #6699cc; /*下框线*/
border-left : 1px solid #6699cc; /*左框线*/
border-right : 1px solid #6699cc; /*右框线*/
以上是建脊耐桐议书写方式,但也可以使用常规的方式 如下:
border-top-color : #369 /*设置上框线top颜色*/
border-top-width :1px /*设置上樱坦框线top宽度*/
border-top-style : solid/*设置上框线top样式*/
其他框线样式
solid /亩唯*实线框*/
dotted /*虚线框*/
double /*双线框*/
groove /*立体内凸框*/
ridge /*立体浮雕框*/
inset /*凹框*/
outset /*凸框*/
Ⅳ CSS怎么设置边框黑色
border:1px solid #000;x0dx0ax0dx0aborder是描边雹塌x0dx0ax0dx0a1px是像素可租袭以改数字来控制x0dx0asolid是实线,也可以改虚线,虚线是源型圆dashedx0dx0ax0dx0a#000是颜色
Ⅳ 怎样用css设定下表框的宽度、样式、颜色
分类: 电脑/网络 >> 网络 >> 网络空间
解析:
请把问题讲得清楚一些,你说的表框是模块的边框还是表格的边框
如果是模块边框的话,就先弄懂这些参数和属性:
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。
例:DIV.sample {width: 300px;
height: 200px }
Ⅵ css里设置border颜色
border:solid 1px #ffffff;
解释:指亩
border:样式 宽度 颜色滚余;
大部分元素的默认宽度为0,如果不设置宽度,即使设唯备森置了样式和颜色也没用。
Ⅶ 网页设计问题,就是如何在css布局中设定边框大小、颜色问题
孩子,我想告诉你,如果你还继续使用表格建站的话,会纳绝一直找不到工作的。我想这一定是大学老师在教你用表格建站吧
听我一言,现在都是用div+css建站!
你要的边框效洞空姿果css这样写
先来个<div class="biaoge"></div>
然后写css:
<style>
.biaoge{ width:200px; height:100px; border:1px solid #000;}
</style>
paddin:100px ,0px;
是上下100px 左右0px
padding:10px;
是上下左右各10
IE6 浏览器下 应该是有变化的。
火狐浏览器下 没有变化 因为padding值 超过了li的高度
IE7应该是和火狐一样的 这个我没有测试 因为没装IE7
产生这个问题的原因是IE和火狐对于padding的解释不同
IE会把亏纯padding值加到物件高度和宽度中,从而使物件变大
但是火狐不会这样,他会把padding的值从物件高度宽度中扣除
物件实际大小不发生变化,可用大小发生变化。
IE7改变了许多地方,变的和火狐有些相像了。
你可以把父DIV里面的两个并排的DIV的属性同时设定为浮动LEFT,这个问题即可解决。
#about { width: 727px; }改为:#about { width: 728px; }即可,因为里面两个DIV加上边距超过了这个长度,所以显示不正确,修改里面那两个DIV长度也可以。
这个小角是个图片而已, 是一个长条的图片, "角"以外的部分做成透明的, 或者和背景色相同, 看上去就是一个独立的角了
全部设定为一样的高度
div2的属性里面加上这个就行
overflow-y:scroll;
就ok了
select样式要想非常好看,单用CSS是实现不了的,必须要用到JS才行!
下面这个例子是CSS实现的效果:
<!DOCTYPE PUBLIC "-W3CDTD XHTML 1.0 TransitionalEN" ":w3./TR/x1/DTD/x1-transitional.dtd">
< xmlns=":w3./1999/x">
<head>
<meta -equiv="Content-Type" content="text/; charset=utf-8" />
<title>如何让select的样式也漂亮起来</title>
<style type=text/css>
<!--
.select * {
margin: 0;
padding: 0;
}
.select {
border:1px solid #;
float: left;
display: inline;
}
.select div {
border:1px solid #f9f9f9;
float: left;
}
/* 子选择器,在FF等非IE浏览器中识别 */
.select>div {
width:120px;
height: 17px;
overflow:hidden;
}
/* 通配选择符,只在IE浏览器中识别 */
* .select div select {
display:block;
float: left;
margin: -2px;
}
.select div>select {
display:block;
width:124px;
float:none;
margin: -2px;
padding: 0px;
}
.select:hover {
border:1px solid #666666; 鼠标移上的效果
}
.select select>option {
text-indent: 2px; option在FF等非IE浏览器缩排2px
}
-->
</style>
</head>
<body><div class="select">
<div>
<select>
<option>看见效果了吧</option>
<option>看见效果了吧</option>
<option>看见效果了吧</option>
</select>
</div>
</div>
</body>
</>
-------------------
关于JS程式码,你可以去看下这个,改了之后就能达到你要的效果:
:geekso./select-css/
单纯的CSS是实现不了的!
Ⅷ css怎么改变button的边框颜色
1、新建HTML文件。
2、创建HTML标签和内容。
3、预览效果如图。
4、设置右边框的颜色border-right-color:#30C。
5、预览效果如图。
6、设置右边框的颜色border-right-color:rgb(204,0,102)。
7、握哗预段顷行览效果乎纤如图。
Ⅸ CSS如何怎么设置div边框颜色宽度和高度
CSS设置div边框颜色宽度和高度步骤如下:
1、新建一个html文件,创建一个类名为wrap的div。
扩展资孝野料:
css border属性:
border 简写属性在一个声明设置所有的边框属性。
可以按顺序设置如下属性:
border-width,border-style,border-color
如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000; 也是允许的。
Ⅹ css怎么给圆环边框设置两个颜色
方庆锋法如下:border-color属性同时设置四个边框的颜色;或者使用border-image属性调用rgb选择多个颜色悉岩即可。border-image:lineargradient(rgb(89,0,255),pink)3030这样的格誉陆晌式即可。