正文
css样式边线,css 边框线
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
关于CSS中border中边线
div id="banner"
p
fdb4e1
/p
/div
CSS中的代码:
#banner {
width:850px;
height:200px;
border:2px solid #ccc;
background:#CCC;
}
代码写错了，当然没有效果了，border 有三个参数用来设置 线宽，样式，颜色，中间不能有冒号
相关问答
Q1: css样式如何显示双边框而且是一黑一白
用CSS给一个对象加两个边框是不能做到的，除非你用两个div，一个用于最外面的黑边框，一个用于放图片并设置白边框，但我想楼主的所看到的效果是不是网页背景是白色的，然后一个div里有一张图片，这个div的边框是黑色的，而且这个div的内边距是1px，这样看上去的效果就是在一张图片上有一黑一白两个边框的效果。
Q2: 主流网页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
Q3: 用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里就可以了
Q4: 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边框属性进行了基础操作，大家可以根据自己的经验为边框制作出更漂亮的样式。如若大家有什么更好的见解，那就在回复区畅所欲言吧，我定会吸取精华~如有写错欢迎大家回复，我以后定会更加细心 _
