css样式边线,css 边框线

关于CSS中border中边线

div id="banner"

创新互联建站成立与2013年,是专业互联网技术服务公司,拥有项目网站设计制作、成都网站制作网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元咸丰做网站,已为上家服务,为咸丰各地企业和个人服务,联系电话:18982081108

p

fdb4e1

/p

/div

CSS中的代码:

#banner {

width:850px;

height:200px;

border:2px solid #ccc;

background:#CCC;

}

代码写错了,当然没有效果了,border 有三个参数用来设置 线宽,样式,颜色,中间不能有冒号

css样式如何显示双边框而且是一黑一白

用CSS给一个对象加两个边框是不能做到的,除非你用两个div,一个用于最外面的黑边框,一个用于放图片并设置白边框,但我想楼主的所看到的效果是不是网页背景是白色的,然后一个div里有一张图片,这个div的边框是黑色的,而且这个div的内边距是1px,这样看上去的效果就是在一张图片上有一黑一白两个边框的效果。

主流网页DIV的边线的CSS样式代码是什么?

整个的外围大框,是一个外围容器,通常用border来设置;

其中的内容通常用列表

ul

li1/li

li2/li

/ul来做

就你给的图来说,通常会做一个外围容器,其中内容会用ul列表;详细的css如下

/*外围容器*/

.bigbox{

float:left;

width:250px;

height:auto;

margin:0;

padding:10px;

border:#e5e5e5 1px solid; /*这里是你问的主要问题,用这句实现*/

}

.bigbox ul li{

list-style:none;

float:left;

width:230px;

height:60px;

}

.bigbox ul li .imgbox{

float:left;

width:60px;

height:45px;

}

.bigbox ul li .imgbox img{

margin:0;

padding:0;

border:none;

}

.bigbox ul li .content{

float:right;

width:110px;

height:45px;

}

css样式要配合div的页面布局来使用,对以上的css配合的html div布局如下;

div class="bigbox"

ul

li

div class="imgbox"这里主要是放置图片内容/div

div class="content"这里主要是放置文字内容/div

/li

li

div class="imgbox"这里主要是放置图片内容/div

div class="content"这里主要是放置文字内容/div

/li

/ul

/div

用css样式表如何制作一个3行2列的表格,边框为1px

!DOCTYPE

html

PUBLIC

"-//W3C//DTD

XHTML

1.0

Transitional//EN"

""

html

xmlns=""

head

meta

http-equiv="Content-Type"

content="text/html;

charset=gb2312"

/

title无标题文档/title

style

type="text/css"

.tab{

margin:0;

padding:0;

/*合并边线*/border-collapse:collapse;/*宽高自定*/

width:200px;

height:200px}

.tab

td{

border:solid

1px

#000}

/style

/head

body

table

class="tab"

tr

td

/td

td

/td

/tr

tr

td

/td

td

/td

/tr

tr

td

/td

td

/td

/tr

/table

/body

/html

属性都写在CSS里就可以了

CSS border(边框)样式写法总结

border属性 :在网页中设置元素的边框样式。可同时设置边框宽度、边框样式、边框颜色。也可以单独设置上边、右边、下边、左边的边框。

语法:border: border-width | border-style | border-color;

border-width :边框宽度。可以指定长度值。如1px,1em(单位为px,pt,em等)。或者使用关键字medium(默认),thick,thin。

 border-top-width:设置元素上边框宽度

 border-right-width:设置元素右边框宽度

 border-bottom-width:设置元素下边框宽度

 border-left-width:设置元素左边框宽度

border-style :边框样式。

 border-top-style:设置元素上边框样式

 border-right-style:设置元素右边框样式

 border-bottom-style:设置元素下边框样式

 border-left-style:设置元素左边框样式

 属性值有:

  none:无边框。

  hidden:隐藏边框。对于表,hidden 用于解决边框冲突。

  dotted:点状边框。

  dashed:虚线边框。

  solid:实线边框。

  double:双线边框。两条单线与其间隔的和等于指定的border-width值。

  groove:3D凹槽边框。

  ridge:3D垄状边框。

  inset:凹边框。

  outset:凸边框。

border-color :边框颜色。

1.1 边框各样式效果图

1.2 四条边颜色样式相同

1.3 四条边颜色不同,样式相同

1.4 四条边颜色相同,样式不同

1.5 设置上边框宽度、样式、颜色

1.6 设置右边框宽度、样式、颜色

1.7 设置下边框宽度、样式、颜色

1.8 设置左边框宽度、样式、颜色

以上对border边框属性进行了基础操作,大家可以根据自己的经验为边框制作出更漂亮的样式。如若大家有什么更好的见解,那就在回复区畅所欲言吧,我定会吸取精华~如有写错欢迎大家回复,我以后定会更加细心 _


网页题目:css样式边线,css 边框线
本文网址:http://ybzwz.com/article/dseddhp.html