画竖线的4种方法

html如果直接敲"|"这个东西进页面,会出现对齐问题,所以,画竖线不能用这种,我总结了一下,大致有4种,这里只详细介绍其中两种。

2.画竖线的4种方法。

(1)最优画法,用display的inline-block; 
    a{ 
      border-left: 1px solid #B7D0E4; 
       display: inline-block; 
       margin-left: -1px; 
       padding: 0px 0px 0px 3px; 
     } 
   (2)直接border. 
     a{ 
        border-left: 1px solid #D9D9D9; 
         margin-left: -1px; 
         padding-left: 5px; 
       } 
    (3)table,这个比较强大,可以画连线。即div和div之间的连线,有兴趣可以研究下。 
     (4)hr.

如有其他画法,欢迎补充 : )

时间: 2024-11-03 21:43:33

画竖线的4种方法的相关文章

页面上画按钮的四种方法

在一个页面上画一个按钮,有四种办法: <input type="button" /> 这就是一个按钮.如果你不写javascript 的话,按下去什么也不会发生. <input type="submit" /> 这样的按钮用户点击之后会自动提交 form,除非你写了javascript 阻止它. <button> 这个按钮放在 form 中也会点击自动提交,比前两个的优点是按钮的内容不光可以有文字,还可以有图片等多媒体内容.(当然

分析函数调用关系图(call graph)的几种方法

分析函数调用关系图(call graph)的几种方法 绘制函数调用关系图对理解大型程序大有帮助.我想大家都有过一边读源码(并在头脑中维护一个调用栈),一边在纸上画函数调用关系,然后整理成图的经历.如果运气好一点,借助调试器的单步跟踪功能和call stack窗口,能节约一些脑力.不过如果要分析的是脚本语言的代码,那多半只好老老实实用第一种方法了.如果在读代码之前,手边就有一份调用图,岂不妙哉?下面举出我知道的几种免费的分析C/C++函数调用关系的工具. 函数调用关系图(call graph)是图

Android 图片平铺效果实现的3种方法

Html中平铺的效果,那么我们都是怎么样才能实现的那,我们其实主要用到的就是api,我们一开始new一个bitmap,就可以了,那么我们就来说说第二种方法,那就在用到了xml,上面我们说了两个方法,但android是非常强大的,也就是说我们还有第三个方法,那就是我们自己画出来,代码如下: 第一种: (1)第一种利用系统提供的api实现 Java代码: Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.p

iPhone图片拉伸的几种方法

iPhone图片拉伸的几种方法 UIImageResizingModeTile和 UIImageResizingModeStretch两种模式,从名字就可以看出,是平铺模式和拉伸模式.平铺就是复制你Insets指定的矩形区域块来填充你所指定的图片区域,而拉伸就是通过拉伸你Insets指定的矩形区域块来填充你 所需的图片区域. 系统至ios6之后,关于图片拉伸的方法已经扩展至3个函数: 1.ios4提供的方法: - (UIImage *)stretchableImageWithLeftCapWid

linux下配置ip地址四种方法(图文方法)

配置ip地址四种方法,方便学习linux的朋友 参考学习:ifconfig命令详解  http://zhaoshilei.blog.51cto.com/6455149/1895771 (1)Ifconfig命令   第一种使用ifconfig命令配置网卡的ip地址.此命令通常用来零时的测试用,计算机启动后 ip地址的配置将自动失效.具体用法如下.Ipconfig  ethx   ipadd    netmask      x.x.x.x. 其中ethx中的x代表第几快以太网卡,默认第一块为0.i

(转)C#进行图像处理的几种方法(Bitmap,BitmapData,IntPtr)

转自 http://blog.sina.com.cn/s/blog_628821950100wh9w.html C#进行图像处理的几种方法 本文讨论了C#图像处理中Bitmap类.BitmapData类和unsafe代码的使用以及字节对齐问题. Bitmap类 命名空间:System.Drawing 封装 GDI+ 位图,此位图由图形图像及其属性的像素数据组成.Bitmap 是用于处理由像素数据定义的图像的对象. 利用C#类进行图像处理,最方便的是使用Bitmap类,使用该类的GetPixel(

python 读取并显示图片的两种方法

在 python 中除了用 opencv,也可以用 matplotlib 和 PIL 这两个库操作图片.本人偏爱 matpoltlib,因为它的语法更像 matlab. 一.matplotlib 1. 显示图片 import matplotlib.pyplot as plt # plt 用于显示图片 import matplotlib.image as mpimg # mpimg 用于读取图片 import numpy as np lena = mpimg.imread('lena.png')

android tv 实现全屏画竖线

自定义view 采用canvas双缓冲的方式,可以减少绘制的时间,提升性能. StaggeredView.java 源代码如下: package com.xxx.demo; import android.content.Context; import android.graphics.Bitmap; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; impor

使用C#进行图像处理的几种方法(转)

本文讨论了C#图像处理中Bitmap类.BitmapData类和unsafe代码的使用以及字节对齐问题. Bitmap类 命名空间:System.Drawing 封装 GDI+ 位图,此位图由图形图像及其属性的像素数据组成.Bitmap 是用于处理由像素数据定义的图像的对象. 利用C#类进行图像处理,最方便的是使用Bitmap类,使用该类的GetPixel()与SetPixel()来访问图像的每个像素点.下面是MSDN中的示例代码: public void GetPixel_Example(Pa