css里的小分隔线

Posted 2023-03-20

http://hi.baidu.com/zhidaopcbird/blog/item/6882293f1475403db8998f94.html

我是说“我的订单”和“我的帐户”之间有一个垂直分隔线是怎么产生的，不是指链接的下划线

参考技术A #welcome ul li em display:block; float:left; height:7px; margin:6px 0; border-right:1px solid #bcbcbc;overflow:hidden;

#welcome ul li em [选择ID为welcom的容器下ul li 里的em元素为样式试用对象]
display:block; [做为块元素显示]
float:left; [靠左浮动，默认li元素是列显示，用了float可以让容器在一行内显示]
height:7px; [高7像素]
margin:6px 0; [子容器距父容器上下边框的距离分别为6像素，等同于margin:6px 0 6px 0;]
border-right:1px solid #bcbcbc;[容器右边框显示为1像素，实线，颜色为#bcbcbc]
overflow:hidden;[超出容易可见面积部分内容不显示] 参考技术B 这个很简单啊~~

就用#tabline 它的位置不会总在“主页，博客，相册”的下方，你想它在哪里它就在哪里，只要把#tabline
只要改变里面的参数 top:89px 与顶的距离
也可以加入life:100 或者 right:100 把线往右或左移动
参考技术C #welcome ul li em display:block; float:left; height:7px; margin:6px 0; border-right:1px solid #bcbcbc;overflow:hidden;

#welcome ul li em [选择ID为welcom的容器下ul li 里的em元素为样式试用对象]
display:block; [做为块元素显示]
float:left; [靠左浮动，默认li元素是列显示，用了float可以让容器在一行内显示]
height:7px; [高7像素]
margin:6px 0; [子容器距父容器上下边框的距离分别为6像素，等同于margin:6px 0 6px 0;]
border-right:1px solid #bcbcbc;[容器右边框显示为1像素，实线，颜色为#bcbcbc]
overflow:hidden;[超出容易可见面积部分内容不显示]本回答被提问者采纳 参考技术D 这个很简单啊~~

就用#tabline 它的位置不会总在“主页，博客，相册”的下方，你想它在哪里它就在哪里，只要把#tabline
只要改变里面的参数 top:89px 与顶的距离
也可以加入life:100 或者 right:100 把线往右或左移动
第5个回答  2011-07-01 <a href="#">我的订单</a> 链接是有下划线呀 你设定成<a href="#" style="text-decoration:none">我的订单</a> 就没有那个分割线

QT表格QTableWidget在win10下纵横表头无分隔线的问题

一.问题

最近在Win10 下使用QT开发界面程序，遇到了一个问题，在使用QTableWidget 表格式出现了以下问题，如图：

为什么左边表头中间 每行之间没有分割线，其实上面表头下面的线默认也是没有的，是后来加上去的，这个间隔线在其它版本系统上是存在的。

这个问题很早就遇见过，一直没有找到解决方法，今天在搜索资料时，偶然在网上看见了一片文章，对解决此问题帮助很大。

二.导致该问题的原因

为什么纵横表头会没有分隔线呢，在网上查阅了一些资料，原来是因为win10的风格如此，在其它版本系统上是不存在这样的问题的，在Windows 10上，绘制图元不会绘制底部边框（这是默认的Windows 10表头样式 - 可以在Windows文件资源管理器中看到）。QT会使用当前系统风格的UI显示样式，这也可以理解

三.添加分隔线

下面就着手解决该问题，在win10下手动设置表格 纵横头的间隔线,如下代码，可以在代码中直接使用设置自己的QTableWidget对象

//如下代码设置横向表格头的间隔线，有四个方向的间隔线,不需要间隔线的可以设置为0px
ui.myTableWidget->horizontalHeader()->setStyleSheet(
"QHeaderView::section"
            "border-top:0px solid #E5E5E5;"
            "border-left:0px solid #E5E5E5;"
            "border-right:0.5px solid #E5E5E5;"
            "border-bottom: 0.5px solid #E5E5E5;"
            "background-color:white;"
            "padding:4px;"
        ""
)

//如下代码设置横向表格头的间隔线，有四个方向的间隔线,不需要间隔线的可以设置为0px
ui.myTableWidget->verticalHeader()->setStyleSheet(
"QHeaderView::section"
            "border-top:0.5px solid #E5E5E5;"
            "border-left:0px solid #E5E5E5;"
            "border-right:0.5px solid #E5E5E5;"
            "border-bottom: 0px solid #E5E5E5;"
            "background-color:white;"
            "padding:4px;"
        ""
)

参考文章：在QTableWidget中的列标题下添加边框 - Thinbug