css 竖线_css设置竖线

加左边框

}div.t {

就是他们的border属性

制作网页菜单中的间隔线的方法.用CSS

一，可以在每个

中加入“|”试试吧。当然怎样去掉word表格中的竖线，但是一定要保留横线？ 点word里面的“边框和底纹”里面就有设定。很容易的。也可以是img设置成float：rig}li.msgtime{ht；

二，用背景，

li{background:("");}

可以用。

a{display:block;border-right:1px solid #ccc;}

.用LI,把宽度调为1,不过我怎么调都不是1的效果,比相素1大和多.

这个方法应该可以的

可是试试加上border-width：1px;

再不行就教给你一个笨办法

做一张1px宽的细条 用background-ition：bottom right;这个属性

希望对你有一点点的帮助吧！

html中竖线分隔符怎么设定

}#BlogTitle a{

竖线分隔符可以用“竖线+css代码”来实现

}div.function ul{

在html中引用css代码中的竖线样式即可，而CSS代码中的竖线样式用的是竖线。

首页

子页1

子页2

中间的

就是竖线，然后对应css里添加这样的样式：{ width:2px; background-image: ("../img/line.gif"); }

如何在Dreamweer中画直线?如横线或竖线...

}input.text {

CSS控制,把下面代码放在你想放的地方

height:

参数自己修改即可

CSS控制,把下面代码放在你想放的地方

z-blog问题，如何修改和删除图中的横线和虚竖线,及css如下

padding-left:16px;

body{

margin:0;

color:#000000;

background:#FFFFFF;

font-family: verdana,arial;

}a{

}a:link {

color: #0066FF;

}a:visited {

color: #840084;

}a:hover {

color: #0000FF;

}a:active {

color: #0000FF;

}ul{

list-style-type:none;

list-style-ition : outside;

margin:0 0 0 0;

padding:0 0 0 0;

word-break:break-all;

}li{

margin:0 0 0 0;

padding:0 0 0 0;

}p{

margin:0 0 0 0;

padding:0 0 0 0;

word-break:break-all;

}img{

border:0;

}#divAll{

margin:0;

padding:0 0 30px 0;

}#divPage{

width:;

margin:0 0 0 0;

padding:40px 6px 0 6px;

text-align:left;

float:center;

}#divMiddle{

width:70%;

margin:0 0 0 0;

padding:0 0 0 35px;

text-align:left;

float:left;

}#divTop{这样的缺点是不太灵活,如果需要用主题来控制界面样式

width:;

margin:0 0 10px 0;

text-align:left;

float:left;

background:#FFFFFF;

}#divMain{

width:;

margin:0 0 0 0;

padding: 0 0 0 0;

text-align:left;

float:left;

}#divBottom{

width:97%;

margin:0 0 0;

text-align:center;

float:left;

height:80px;

}#divSidebar{

width:20%;

margin:0 0 0 0;

padding:0 0 10px 40px;

text-align:center;

float:left;

}div.function {

float:left;

width:99%;

margin:2px 0 18px 0;

padding:0 0 0 0px;

text-align:left;

}div.function h3{

height:15px;

margin:0 0 0 0;

padding:5px 0 0 5px;

color:black;

text-align:left;

width:99%;

margin:2px 0 0 0;

padding:5px 0 0 0;

list-style-ition:outside;

list-style-type:none;

}div.function li{

margin:0 0 0 0;

padding:2px 0 1px 5px;

}#divCatalog li{

background:none;

padding:2px 0 1px 4px;

}#divMisc{

padding:10px 0 5px 10px;

}#divMisc h3{

display: none;

}#divMisc ul{

border:none;

}#divMisc li{

padding:2px 0 2px 15px;

background-image : none;

}div.function li span.feed-icon a{

background:("google/feed.gif") no-repeat 0 1px;

margin:0 0 0 0;

padding:0 0 0 0;

font-size:14px;

height:11px;

width:11px;

}div.function li span.feed-icon img{

height:12px;

width:9px;

visibility:hidden;

margin:0;

}#divContorPanel li{

background-image : none;

}#divSearchPanel li{

background-image : none;

}form {

margin-bottom: 0px;

}#divdy li a{

color: #CE6300;

width:97%;

margin:10px 0 10px 0;

padding:0 0 0 0;

text-align:left;

}div.t-n {

width:;

clear:both;

float:left;

}div.t-n a.l{

float:left;

padding-right:10px;

padding-bottom:10px;

}div.t-n a.r{

float:right;

padding-left:10px;

padding-bottom:10px;

}div.t .t-title{

width:97%;

padding:5px 0 2px 0;

margin:2px 0 2px 0;

font-size:14px;

font-weight: normal;

}div.t .t-date{

width:97%;

margin:0 0 0 0;

padding:5px 0 2px 0;

font-size:11px;

color:gray;

font-weight:normal;

}div.t .t-footer{

width:97%;

margin:10px 0 25px 0;

padding:2px 0 10px 0;

color:gray;

height:20px;

text-align:left;

font-weight:normal;

}div.t .t-tags{

width:97%;

margin:2px 0 2px 0;

padding:2px 0 0 0;

color:gray;

height:20px;

text-align:left;

}body.multi div.t .t-tags{

}div.t div.t-body{

width:97%;

margin:10px 0 0 0;

padding:0 0 0 0;

text-align:justify;

text-justify:inter-ideograph;

line-height:140%;

}div.t-body a{

background:#FBFBFB ("google/media.gif") no-repeat 0 center;

}div.t-body img{

padding:4px 4px 4px 4px;

border:0;

clear : both;

}div.t-body p{

margin:10px 0 15px 0;

}div.t-body p.img{

margin:0;

text-align:center;

}div.t-body p.inscript{

margin:0;

padding-right:20px;

}div.t-body p.code{

padding:5px;

border:1px dotted black;

}div.t-body div.code{

padding:5px;

border:1px dotted black;

}div.t-body h1{

color: #000000;

margin:0;

font-size:16px;

}div.t-body h2{

color: #000000;

margin:0;

font-size:14px;

}div.t-body h3{

color: #000000;

margin:0;

}div.t-body h4{

color: #000000;

margin:0;

}div.t-body h5{

color: #000000;

margin:0;

font-size:11px;

}div.t-body h6{

color: #000000;

margin:0;

font-size:10px;

}div.t .t-title a{

color: #0066FF;

text-decoration: none;

font-weight: normal;

}#BlogTitle{

font-size:24px;

margin:0 0 0 0;

font-weight:bold;

color:#000000;

color: #DC143C;

text-decoration: none;

}#BlogTitle a:active {

color: #DC143C;

text-decoration: none;

}#BlogSubTitle{

color: gray;

font-size:15px;

margin:18px 0 0 0;

}#BlogPowerBy{

font-size:10px;

height:20px;

margin:0;

padding:25px 10px 0 0;

text-align:left;

font-weight:normal;

}#BlogCopyRight{

font-size:10px;

height:20px;

margin:0;

padding:0 10px 0 0;

text-align:left;

float:none;

clear:both;

font-weight:normal;

}p.ttop {

margin:10px 0 0 0;

padding:x 0 2px 12px;

background: ("google/pointblue.gif") no-repeat 0 center;

}p.tbottom {

margin:0 0 10px 0;

padding:5px 0 0 0;

}#frmSumbit{

margin:0;

}#frmSumbit p{

padding:5px 0 5px 0;

}input.button{

background: white;

border: 1px double #D0D0D0;

color: #333;

padding: 0.05em 0.25em 0.05em 0.25em;

padding: 0.15em 0.25em 0.20em 0.25em;

border: 1px double #D0D0D0;

width: 200px;

background: white;

}textarea.text {

padding: 0.15em 0.25em 0.20em 0.25em;

border: 1px double #D0D0D0;

width: 80%;

height: 80px;

background: white;

width: 80%;

height: 120px;

}#divCalendar{

padding:0 0 0 0;

text-align:center;

}#divCalendar h3{

display:none;

}#divCalendar div{

margin:0 0 0 0;

padding:0 0 5px 4px;

float:left;

background:("google/month1.gif") no-repeat center 10px;

}#divCalendar div.month2{

background:("google/month2.gif") no-repeat center 10px;

}#divCalendar div.month3{

background:("google/month3.gif") no-repeat center 10px;

}#divCalendar div.month4{

background:("google/month4.gif") no-repeat center 10px;

}#divCalendar div.month5{

}#divCalendar div.month6{

background:("google/month6.gif") no-repeat center 10px;

}#divCalendar div.month7{

background:("google/month7.gif") no-repeat center 10px;

}#divCalendar div.month8{

background:("google/month8.gif") no-repeat center 10px;

}#divCalendar div.month9{

background:("google/month9.gif") no-repeat center 10px;

}#divCalendar div.month10{

background:("google/month10.gif") no-repeat center 10px;

}#divCalendar div.month11{

background:("google/month11.gif") no-repeat center 10px;

}#divCalendar div.month12{

background:("google/month12.gif") no-repeat center 10px;

}p.w{

float:left;

width:25px;

margin:4px 0 0 0;

padding:2px 0 1px 0;

text-align:center;

vertical-align :middle;

font-size:9px;

text-decoration : underline;

}p.y{

text-align:center;

height:14px;

margin:2px 0 0 0;

padding:0 0 0 0;

float:left;

width:175px;

font-weight:bold;

}p.d{

float:left;

width:25px;

height:18px;

margin:0 0 0 0;

padding:2px 0 0 0;

text-align:center;

vertical-align :middle;

}p.yd{

float:left;

width:25px;

height:18px;

margin:0 0 0 0;

padding:2px 0 0 0;

text-align:center;

vertical-align :middle;

font-weight:bolder;

color:#6090c0;

background: ("google/links_r.gif") no-repeat 1px 1px;

}p.nd{

float:left;

width:25px;

height:18px;

margin:0 0 0 0;

padding:2px 0 0 0;

text-align:center;

vertical-align :middle;

}p.cd{

float:left;

width:25px;

height:18px;

margin:0 0 0 0;

padding:2px 0 0 0;

text-align:center;

vertical-align :middle;

font-weight:bold;

}ul.msg{

width:94%;

margin:10px 0 40px 0;

padding:0 0 0 0;

text-align:left;

list-style-ition : outside;

table-layout: fixed;

word-wrap:break-word;

}li.msgname{

padding:2px 0 2px 5px;

margin:0px;

border-bottom:1px dashed #D0D0D0;

}li.tbname{

padding:0 0 0 5px;

margin:0px;

border-bottom:1px dashed #D0D0D0;

}li.msg{

padding:2px 10px 2px 10px;

margin:0;

}li.msgarticle{

list-style-ition : outside;

padding:15px 10px 15px 10px;

margin:0;

line-height:150%;

padding:2px 5px 0 10px;

margin:0 0 0 0;

border-bottom:1px dashed #D0D0D0;

}ul.trackback li.tbname{

border-bottom:none;

background: ("google/pointblue.gif") no-repeat 0 center;

padding:x 0 2px 12px;

margin:0px;

}ul.trackback{

margin:5px 0 10px 0;

}ul.mutuality{

margin:5px 0 10px 0;

border-bottom:1px dashed #D0D0D0;

}ul.mutuality li.tbname{

background: ("google/pointblue.gif") no-repeat 0 center;

padding:x 0 2px 12px;

margin:0px;

border:none;

}ul.mutuality li.msgarticle{

background:#ffffff;

padding:0 10px 10px 16px;

border:none;

}li.msgarticle div.quote{

padding:10px;

background:#f0f0f0;

}li.msgarticle div.quote-title{

margin:2px;

padding:x;

font-size:120%;

border-bottom:1px #f8f8f8 solid;

}#divNBar{

float:center;

width:;

border-bottom:1px solid #C0C0C0;

background:("google/nbg.gif") repeat-x 0 0;

height:24px;

display:none;

}#divNBar h3{

display:none;

}#divNBar ul{

margin:0;

padding:0 20px 0 0;

}#divNBar li{

float:right;

padding:0 0 0 0;

margin:0 0 0 0;

font-family:"宋体","黑体";

background:("google/nbg2.gif") no-repeat right 0;

}#divNBar a{

float:left;

margin:0 0 0 0;

padding:6px 10px 4px 10px;

height:14px;

text-decoration: none;

}#divNBar a:link {

color: black;

}#divNBar a:visited {

color: black;

}#divNBar a:hover {

color: white;

background:#DC143C;

}#divNBar a:active {

color: white;

background:#DC143C;

}

html导航栏中间去除竖线

或者你可以在 li 的里面的连接background:("google/month5.gif") no-repeat center 10px;; a 中加上右竖线

在html里找到课堂那里，看1下是直接写在html代码里的不是，如果不是，看用前面的class或ID是甚么，可能援用的是样式，找到CSS中的这个样式，把:hover中的border_left/right的这个类给去掉应当就没有这个线了，希望能帮到你

vue v-for循环每行显示三个盒子，每行一个盒子的竖线不显示

}以上css样式中还有其他样式,主要就是这一句:table.griiew_m td,th

需求：每行三个盒子，前两个盒子右边有竖线，一个不显示竖线

看到这个需求的时候，我想到了css的:last-child选择器，last-child选择器究竟能不能达到我们的需求呢？我用vue+element-ui专门为本了一个demo，给大家演示效果

在使用:last-child选择器的时候遇到不起作用的问题，具体的点击链接查看 :last-child选择器不起作用

:last-child 选择器匹配属于其父元素的一个子元素的每个元素。

css部分：

:last-child选择器去掉一行盒子的一个貌似能行得通，但我的需求有两行盒子，去掉每一行的一个竖线，这个方法就不灵┭┮﹏┭┮

看来我们需要想其他方法了，于是在网上查了一下，有了更好的解决方法

这里涉及到一个小小的计算，在这里和大家说下，不懂没关系，遇到这样的需求会用就行( ▽ )

(index + 1) % 3 == 0，这里的index的值为2（第三font-size:12px;项），5（第六项），

8（第九项）......以此类推我们会发现，我们发现一项都是3的倍数，这些值里，(index+1)%3 ==0为每行一个元素，需要显示竖线。这里的index是数组里面的下标，所以index+1表示当前数组里面的第几项，然后(index+1)%3，每满3，顺序数除以3余数都为0。

html部分：

js部分：

css部分：

到目前为止，我们想要的需求就实现完成啦

请教griiew的样式设置

GridView样式设置

GridView在生成HTML代码的时候会自动加上 以及border=1，rules="all"这些属性，这些在IE下都没什么影响，但是在FF下就会影响显示， ；是由于设置了CellSpacing="0"产生的，当设置CellSpacing="1"后就没有，可以去掉 ；默认情况下CellSpacing="0"，所以默认情况下会有 这个属性生成。GridLines="Both"会带来border=1，rules=all这两个属性，设置GridLines="None"后border=0，rules属性则不会出现。

MS默认的GridView生成HTML代码的方式本身就没有去兼容各种浏览器，只是特别照顾了自己的IE，其实MS已经给出了解决办法，那就是自己定义控件如何生成HTML代码，CSS 控件适配器工具包新版发布 介绍如何配置自己的浏览器定义文件。

如何设置GridView让它在IE和FF下都能正常显示呢？下面会进行说明。

1.单元格都有边框线，效果如下：

说明：GridLines="ALL"，CellSpacing="0"是造成FF和IE下显示不同的一个很大的原因；其实不进行设置border也是可以达到单元格表现出边框的样式。CellSpacing="1"就控制了单元格之间的间隔是1px，通过设置table的背景和tr的背景来表现出单元格td的border，实际上td的border为0，这个看起来很像的border是table的背景，tr的背景仅仅是改变了td的背景，td之间的space则是根据table的背景显示的，这就是CellSpacing="1"带来的border效果。这样在IE和FF下都能正常显示了。

2.只有横线，没有竖线的效果：

GridView样式如下设置：需要借助额外的css，Griiew自带的类似样式不兼容FF

3.只有竖线的效果：

更改上面的即可。

table{border:solid 1px black}

.table td{border:solid 1px black;}

可以实现种的显示效果，这才是真的

用CSS解决asp中Griiew边框样式问题

html标签中的bordercolor属性指定表格边框颜色之后,无论是表格的四个边框还是表格内部的单元格

边框颜色便都设置好了.但是在asp的griiew控件中,设置bordercolor之后,在生成的html代码

中是这样表示的:

>

原来griiew中设置的bordercolor属性是css中的属性,其结果就是griiew的四个边框的颜色变了,

但是内部单元格的颜色却是灰色,而不是你指定的颜色.

网上有不少朋友讨论过这个问题,有一种解决方法是用代码给griiew添加真正的bordercolor属性

例如:

而代码中又有这样的语句的话,就不是很合适

利用css提供的机制,可以比较好的解决这个问题

举个例子

在主题中,将griiew的cssclass设置为griiew_m

然后在css样式表中设置:

table.griiew_m

{border-collapse: collapse;

border:solid 1px #93c2f1;

font-size:10pt;

}table.griiew_m td,th

{border-collapse: collapse;

border:solid 1px #93c2f1;

font-size:10pt;

将会给class="griiew"的table中的th和td标签应用样式

这样就解决了griiew的边框问题

在griiew中实现隔行样式转换的方法

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)

{//我们先设置当鼠标上去的时候他的背景色改变

e.Row.Attributes.Add("onmouseover", "c=this.style.backgroundColor;this.style.backgroundColor='#ff6699'");

//下面我们再设置当鼠标离开后背景色再还原

e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=c;");

/为特定的数改变行样式这也.table th{border:solid 1px black;}是在这个里面，因为这个是在数据被绑定的时候执行的

for (int i = 0; i < GridView1.Rows.Count; i++)

{//为了对全部数据行都有用，我们使用循环 //

string lbl = Convert.ToString(DataBinder.eval_r(e.Row.DataItem,"state"));

//我们得取出行中state字段绑定的值，用他作为判断条件 //

if (lbl == "BB") if (e.Row.RowIndex % 2 == 1)

{//如果他的值等于BB，那么

e.Row.BackColor = Color.LimeGreen;

//给当前行的背景色赋值

}}

}