在开发中遇到一种需求:画一条竖线. 横线倒是很好画,直接<hr/>就可以了.但是竖线没有这么现成的标签,囧囧囧~ 在网上搜索了很多资料,莫衷一是,也没有什么可信的结果. 1.原来这就是竖线 后来在系统学习廖雪峰老师的JavaScript教程的时候,无意中发现我要的效果就是这样的: 迫不及待F12看看CSS: 原来,直接border-right就可以了. 2.多余的联想 (1)系统学习下html.css.JavaScript是很有必要的.如果基础不牢,就会走不必要的弯路. (2)其实我们在off…

今天在做网页的时候,需要用到CSS画横线,虽然比较简单,但也出了一些小问题,拿来做个备忘. 方法一:用DIV,代码如下:(推荐此方法)     <div style="width:800px;height:1px;margin:0px auto;padding:0px;overflow:hidden;"></div> 说明:上面代码中的红色部分overflow:hidden;很重要,如果不加这句的话,在IE6下高度将会被拉的很开. 方法二:用HR,代码如下:  …

Android 一条竖线或横线.画边框 博客分类: android androidshape  1.画线 [img] http://pic002.cnblogs.com/images/2010/122963/2010122216290992.png [/img] 如果是LinearLayout布局,必须要在<View/>的属性里面指定宽和高两个属性,否则就会出错,如果是TableLayout布局,只需要指定高这个属性就可以了 <?xml version="1.0" e…

在android中有时候需要通过线条来分割控件.最常见的情形就是在底部选项卡的多个button中间,通过加入一条竖线加以区分或者是在头部导航添加 竖线,将返回键和其他内容区分开来.一般会通过imageview标签,显示一张小的图片完成,这里我会介绍直接利用view标签实现同样的功能. <View android:layout_width="1dip" android:layout_height="fill_parent" android:layout_grav…

#top #navigation ul li { float:left; width:120px; background:url(../images/navline.jpg) no-repeat 116px 16px; display:inline; text-align:center; overflow:hidden; } $(function () { $("#navigation li:last").css('background', 'none');//去掉导航最后一条竖线 }…

我在开发中使用canvas的机会不是很多,但是第一次实际使用中就遇到了问题,"很久很久以前,我自己画了一个雷达图,线宽都是1像素,但是显示效果不如期望,这才发现canvas中的画线还是有坑的",对比一下两个图,可以发现下图比较清晰.   我们先画一个线宽为1像素的线,代码和显示效果如下: const ctx = document.getElementById(canvas).getContext("2d"); ctx.strokeStyle = "re…

接着之前的[css]我要用css画幅画(八) - Hello Kitty,这次画的是苹果公司的logo 这次打算将分析和实现步骤尽量详细的说一说. 其实之前的也打算详细讲分析和设计过程,不过之前的图比较复杂,如果讲那么细,真是怕要讲到猴年马月. 这次的图足够简单,就拿这个图来说明. 都是一些简单的基本方法,通过举一反三,可以实现大部分效果. Github Demo:http://bee0060.github.io/Css-Paint/pages/logo/apple.html Code Pen…

接着之前的[css]我要用css画幅画(七) - 哆啦A梦,这次画的是Hello Kitty. /* 开始前先说点废话, 一转眼就2016年了,过完年后一直没更新博客,无他,就是懒得动. 这一转眼,一年就过了1/4多了. 现在依然处在迷茫状态,时间一直浪费下去也是白浪费,在找到新的目标前,暂时先继续之前做的事吧,免得时间过了又觉得可惜. */ 一点个人牢骚,可忽略 这个hello kitty画下来,非常拖沓,慢慢调样式实在太沉闷了,而且感觉只是在重复自己,所以没啥动力继续. 这次的hello k…

接着之前的[css]我要用css画幅画(六),今天画的有所不同,画的是哆啦A梦,我们小时候对他的称呼其实是小叮当机器猫. (PS:这次我要做的事情,很多人已经做过,这并不是什么创新,我只是在学习并记录下学习的过程) 这次就不多说CSS属性的基础概念了. 说说我画的过程吧, 好,进入正题. 因为和之前的瞎画不同,这次是画现有的东西.我认为临摹是比较简单的. 我先上网找了下要临摹的对象,找了个最中规中矩的图片,如下: 这对我来说不是一个简单的任务, 而我处理不简单的任务的解决方案,就是把他拆分再拆分…

接着之前的[css]我要用css画幅画(五), 由于这个画已经画了很久了,这次一次性加了比较多更新,算是让这幅画告一段落吧. 本次的更新包括: 1. 给云增加动画 2. 画了一棵树 3. 树上画了一个苹果,并给苹果增加坠落的动画 其实还有一个TODO List, 不过这个List没有也可以算完成,所以这个List可能会无限期搁置: 1. 苹果坠落前左右摇晃一下 2. 苹果落地后滚动几圈 那么进入正题. github:https://github.com/bee0060/Css-Paint dem…