数据流图代码样式表

2 years ago · 10d4373b2a
parent 23a686a5af
commit 10d4373b2a
1 changed files with 69 additions and 0 deletions
--- a/dataflow.css
+++ b/dataflow.css
@ -0,0 +1,69 @@
+#object{
+    border: 2px solid red;
+    font-size: small;
+    width:80px;
+    height:20px;
+    position:absolute;
+    right:100px;
+    top:156px;
+    cursor:pointer;
+    text-align: center;
+}
+
+#process{
+    border: 1px solid #333;
+    font-size: small;
+    width:70px;
+    height:20px;
+    position:absolute;
+    right:20px;
+    top:156px;
+    cursor:pointer;
+    text-align: center; 
+    border-radius: 5px;           
+}
+
+#arrow{
+    background: black;
+    border: 1px solid black;
+    width:80px;
+    height:20px;
+    position:absolute;
+    right:100px;
+    top:200px;
+    cursor:pointer;
+    clip-path: polygon(0% 40%, 95% 40%, 92% 10%, 95% 0%, 100% 50%, 95% 100%, 92% 90%, 95% 60%, 0% 60%);
+}
+
+#arrow1{
+    background: black;
+    border: 1px solid black;
+    width:70px;
+    height:20px;
+    position:absolute;
+    right:20px;
+    top:200px;
+    cursor:pointer;
+    clip-path: polygon(0% 0%, 52% 0%, 52% 80%, 95% 80%, 93% 75%, 95% 70%, 100% 85%, 95% 100%, 93% 95%, 95% 90%, 48% 90%, 48% 10%, 0% 10%);
+}
+
+#datasrc{
+    background: black;
+    font-size: small;
+    border: 1px solid black;
+    width:80px;
+    height:20px;
+    position:absolute;
+    right:100px;
+    top:250px;
+    cursor:pointer;
+    clip-path: polygon(0% 0%, 100% 0%, 100% 10%, 5% 10%, 5% 90%, 100% 90%, 100% 100%, 0% 100%);
+}
+
+#arrowtype{
+    width: 180px;
+    height: 25px;
+    position: absolute;
+    bottom: 50px;
+    right: 10px;
+}