1、灵活使用 CSS3 的渐变可以完成大量想不到的图形，CSS3 的渐变简单而言分为线性渐变和径向渐变，使用线性渐变实现：这个用的比较少，outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。
创新互联公司主营赤壁网站建设的网络公司,主营网站建设方案,成都App定制开发,赤壁h5成都微信小程序搭建,赤壁网站营销推广欢迎赤壁等地区企业咨询
2、近日在画一个界面的时候，遇到一个需求：在界面当中画一条竖线，且这条竖线在高度上需要自动占满整个父div(即这条竖线的高度和两个div中较高的一个等高)。
3、往常我们画一条横线直接用标签即可，当画一条竖线的时候发现找不到标签。在网上查找了一下资料，大致推荐用js来做。小弟比较偏执想用纯css来做，最终找到了解决方法，下面我就来分享一下我的做法。
HTML 里竖线 “ | ” 常用输入方法有两种：在键盘输入的时候，同时按下符号“ | ” 跟 【shift 键】，就可以打出来。在打字的时候，直接打“shu”这个拼音，在弹出的选项中，选择“，”符号即可。
打出来那个字符|，给它的字体色改成灰色就行了，或是用图片画一条细竖线也可以，再或者可以用前或后面标签的border-left或border-right样式定义。HTML标签和实体字符都没有这种竖线。
想用它来划竖线，一般可以直接使用html代码实现或借助css代码来实现都可以。方案一：html、body、phr 标签定义水平线：/p、hr /、p这是段落。/p、hr /、p这是段落。
background-color： black；margin： auto；height： 1000px；/div/body/html代码如上，主要就是点线面，如果一个面的宽度很窄，那看起来就是一条线了，把div的宽度设置为1px，居中，那就是中间有一条竖线了。
可以通过设置一个span元素，赋予css样式实现。
html没有直接插入竖线的代码，但可以用盒子模型实现竖线的效果。
你可以设置一个层的右边框啊，在css样式里面写{border-right：1px #cccccc solid；} #cccccc代表颜色；“solid”代表是实线也可以改成虚线。
给blockquote添加margin：0px，因为blockquote有默认的margin值，你需要覆盖掉。
如果你的内容填不满页面，那么需要用js取出页面的高度，然后把高度赋给列表即可。
先在找个文件夹创建文件index.html。然后用能编辑文本文件的软件打开index.html，index.html的初始内容如图。接着编写两个样式作为鼠标移动时div修改的样式。然后编写js代码修改div的样式。
首先你要把代码写好，百左边是1级目录列表，度右边是2级目录列表，然后2级目录最大的知div用display：none先隐藏起来，道用hover。 当鼠标经过1级目录时，给2级目录最回大的div添加display：block属性答让它显示出来。
1、css样式代码：.dashed{border-style：dashed；border-width：1px； 保存html代码，然后使用浏览器打开，即可看到浏览器页面上显示一个虚线边框。
2、height： calc(100% - 2px)； width： calc(100% - 2px)； background-color： #fff； }}（视频教程推荐：css视频教程）repeating-linear-gradient135度repeating线性渐变，p撑开高度，白色背景覆盖外层div渐变。
3、制作虚线表格的的方法：方法一：作一个1X2的图。半黑半白，再利用表格作成线。这种方法固然麻烦，但在任何浏览器中均可浏览，兼容性最好。方法二：在CSS里面设定。
