← Back to Community
How to add borders(in brackets) using css?
Profile icon
pheonix20

Please may someone helpme as I have been confused about what i should css for

Voters
Profile icon
ZhurniHarris
Profile icon
MargaretWhalen
Profile icon
Letichell
Profile icon
TravisShuey
Profile icon
pheonix20
Comments
hotnewtop
Profile icon
Highwayman

Do you mean like this?

#id { border: 1px black; }
Profile icon
pheonix20

@Highwayman can you make a css document on brackets using this format?

Profile icon
Highwayman

@pheonix20 ? Che?

Profile icon
pheonix20

no, i tried it but it didnt work

Profile icon
Highwayman

@pheonix20 what did you do? Sorry I’m terribly confused now. If you want to put that in some code it would go like this.

<html> <head> <style> ul { border: 1px black; } <style> </head> <body> <ul> <li>first thang</li> <li>second thang</li> <li>third thang</li> </ul> </body> </html>
Profile icon
hyperupcall

@Highwayman it appears that pheonix is talking about the text editor brackets. i still am not sure which border in brackets, since im sure there are a ton of places you can customize the markup and add a border somewhere. unfortunately, i have not really used brackets so i'm unable to help

Profile icon
Highwayman

@eankeen like this?? https://repl.it/talk/learn/How-to-Make-a-Custom-Code-Theme-for-Replit/9500

Edit: like actually playing with the ui of repl.it itself.

Profile icon
hyperupcall

@Highwayman as in adobe's brackets.io software :P

Profile icon
Highwayman

@eankeen huh..

Profile icon
AdCharity

@pheonix20 I'm assuming you mean brackets the text editor. All good programming text editors allow you to retain some sort of file structure that fits orthodox programming needs (ie: a css file).
Essentially, what Highwayman did is pretty much correct, but in case you need a bit of help with the properties:

#[insert id name] .[insert class name]{ border: 1px solid black; /*a one px solid black line*/ border-radius: 3px /*Maybe you like rounded edges*/ border-top: 10px solid black; /*idk maybe the top needs to be THICC*/ }

BTW this is the issue with the code below: YOU NEED THE 1px solid black, not just black.