newcoder1010 Posted September 8, 2017 Share Posted September 8, 2017 (edited) Hello, I can simply use border:1px solid colorcode; to draw line. It will simply draw a straight line. I attached an image here. Please let me know how I can draw line in css similar to the image? https://drive.google.com/open?id=0B7xIEuVi005ydG4tZVZ0RXdBeUU Thanks. Edited September 8, 2017 by newcoder1010 Link to comment Share on other sites More sharing options...
Ingolme Posted September 8, 2017 Share Posted September 8, 2017 That's an image file, CSS can't do that. You can use the browser's inspector to see what styles the element has. Link to comment Share on other sites More sharing options...
dsonesuk Posted September 9, 2017 Share Posted September 9, 2017 Not entirely true, but problem is, this method is not responsive, you will have to adjust to different widths using media queries. .arrow-down { width: 0; height: 0; border-left: 750px solid transparent; border-right: 750px solid transparent; border-top: 5px solid #ccc; margin:20px auto; } <div class="arrow-down"></div> The only other alternative other than an image, is to use svg. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now