Hi Gracie! I'm Avocado and I am now your mentor! You can ask me questions about coding, editing the wiki and just general things! I hope I can get to know you. Tell me what you want to be mentored on first.
So the code that I used for that color is:
<div style="background:lightblue; border:15px; border color:white; padding:15px">
But if you want one where you could customize the color is:
<div style="background:YOUR COLOR HERE; border:15px; border color:white; padding:15px">
YOUR TEXT HERE
The gradient code is a bit more complicated.
<div style="background: linear-gradient(to YOUR DIRECTION HERE, YOUR 1ST COLOR HERE, YOUR SECOND COLOR HERE, YOUR 3RD COLOR HERE)"><div style="border: 5px solid YOUR BORDER COLOR HERE; padding:10px; padding-bottom:15px;">YOUR TEXT HERE</div>
It is very confusing, but it'll make sense after a while. A cool tip is that I used <nowiki> tags to show the code instead of it becoming the actual thing. The </div> means that you are closing the first div tag. A repeat of the first tag with a slash infront of the words in the tag means that you are closing the code.
sorry if that is confusing, but i hope it helps xd
To do that you just use a font tag under the div tag that looks like this: <font color=YOUR COLOR HERE> and another one that looks like this <font size=FONT SIZE HERE px> </font></font>
<font color=YOUR COLOR HERE><font size=FONT SIZE HERE px>Since you used 2 font tags you need to close two of them like this:</font></font>