流程图制作步骤如下:
目前创新互联公司已为上千家的企业提供了网站建设、域名、虚拟空间、网站托管运营、企业网站设计、海东网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
工具/原料:Dell游匣G15、win10、PowerPoint 2016
1、首先打开ppt的主界面,选择一张幻灯片。
2、接着点击顶部菜单栏中的插入菜单。
3、展开点击SmartArt。
4、在弹出的对话框中选择流程这个菜单。
5、在右侧选择自己喜欢的流程图的样式,然后点击确定。
6、这样就成功地在幻灯片中插入了一个流程图。
7、但是流程图的内容是默认的,可以自定义里面的内容。
温馨提示:在流程图制作时尽量简化流程内容,但在简化过程中不能把重要内容去除,或添加一些不相关且无意义的内容,这样反而使流程图变得复杂不易理解。
首先我们看一下css伪元素是什么:
CSS 伪元素用于向某些选择器设置特殊效果。
伪元素有哪些:
:first-line 伪元素:"first-line" 伪元素用于向文本的首行设置特殊样式。
:first-letter 伪元素:"first-letter" 伪元素用于向文本的首字母设置特殊样式。
:before 伪元素:":before" 伪元素可以在元素的内容前面插入新内容。
:after 伪元素:":after" 伪元素可以在元素的内容之后插入新内容。
伪元素例子:
.flow_ball1:after {
content: "";
position: absolute;
top: 50%;
margin-top: -1px;
left: 100%;
margin-left: 0.133333rem;
width: 1.786667rem;
height: 2px;
background-color: #ff6600;
border-radius: 0.053333rem;
在名为flow_ball1的class标签后面添加一道橘色横线(类似于流程图那种)
那么,问题来了,怎么用jquery改变伪元素的样式呢?
答案在这里:
$('.flow_ball1').append("style#fafang::after{display:none}/style");
圆形可以用div或span,然后用CSS样式中的border-radius,箭头可以用图片,差不多的箭头旋转后就可以达到效果