CSS中怎么设置才能让display:block形式的横向列表中间用一条线隔开，但是不要边框_IT百科

这是导航栏的实现思路,你可以参考以下

用float:left让li横向展开, 可以设置右边框为直线, 最后一个不设置右边框即可

代码如下

<style>

li{float:leftborder-right:1px solid #CCCCCCpadding:0 14pxlist-style:none}

li.last{border-right:none}

</style>

</head>

<body>

<ul>

</ul>

</body>

将gff转变为bed格式

获取对应cds/pep序列

也可以根据gff文件，基因组ref.fa文件中直接调取cds，和pep序列

得到以下图片

若想突出显示某一共线性则可以在对应的位置添加g *即可

若想比较3个物种共线性关系，则应两两比对，得到两个.simple文件，并对其进行配置

可以得到以下结果

也可以调整配置文件，得到不同样式的图形

得到如下结果

除此之外，可以用TBtools快速得到共线性图片可以参考用TBtools，快速高效实现基因组共线性分析与可视化，赞！

在基因水平上进行查看共线性结果

（1）获取共线性区块

grape.peach.i1.blocks 包含两列 (iter=1)，第一列grape基因名字，第二列；peach基因名，么有对应基因就是一个点

本次选择部分进行画图

（2）配置画图 blocks.layout

(3) 进行画图

也可以选择直线

基因也可以只用箭头的方式

也可以添加颜色

添加基因名称

也可以多个进行比对（如上述一样）

首先俩俩进行比对，分别获取block，然后将其合并即可

block 文件如下

blocks2.layout如下

开始画

欢迎分享，转载请注明来源：内存溢出

CSS中怎么设置才能让display:block形式的横向列表中间用一条线隔开，但是不要边框