css - 這個(gè)線怎么做,效果是豎直的效果,
問(wèn)題描述
問(wèn)題解答
回答1：用jquery sliderhttp://jqueryui.com/slider/#d...http://jqueryui.com/slider/#r...
回答2：<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Title</title> <style>*{ margin: 0; padding: 0;}.step{ position: relative; width: 40px; height: 40px; float: left; margin-right: 100px; background-color: #ccc; border-radius: 50%;}.step:after{ position: absolute; display: block; content: ’’; width: 100px; height: 4px; top: 18px; left: 40px; background-color: #ccc;}.end{ width: 40px; height: 40px; float: left; background-color: #ccc; border-radius: 50%;}.step.active{ background-color: #00ee00;}.step.active:after{ background-color: #00ee00;} </style></head><body> <p class='step step-1 active'></p> <p class='step step-2'></p> <p class='step step-3'></p> <p class='end step-end'></p></body></html>
在這個(gè)上面做一下修改
回答3：這還不好做嘛，一個(gè)p就搞定了啊https://jsfiddle.net/quietCod...
網(wǎng)公網(wǎng)安備