New course! Every coder should learn Generative AI!
Try a free lesson+ 2
Can anyone please help me with this
how to add class border for an image with thick green border width 10px and solid style..how can we use class in class like <img class="class1 class2">
17 Answers
+ 13
Oh gosh. I apologize on behalf of my imposter for the inconvenience caused. I'm the real, one and only Hatsy Rei. :>
+ 13
@Angelina
Sry for your inconvenience. This wasn't the 'true' Hatsy Rei' but a fake account. The posts of this user are now invisible and the account will hopefully be deleted soon.
+ 13
@Tim Here in the thread? Or on the fake profile?
Pls, let it only be the profile -.-
@Angelina If you or anyone else ever experience something like this again pls contact your nearest mod and SoloLearn (info@sololearn.com) immediately. Thx!
+ 10
I thought Rei was a girl?
+ 9
well the real Hatsy Rei will be so mad .....==
(sorry this is not a answer 😅😅😅)
[edited ] ops wrong spelling 😅😅😅 sry.
+ 8
@Leon he's more angry when people call him Hasty instead Hatsy i think
+ 6
change class to class="smaller-image thick-green-border"
If you have multiple classes, u divide them with a spacing.
+ 6
@Tashi, nvm profile got deleted (-:
+ 5
Because your source has to be inside quotes ':p
src="URL"
+ 5
@Tashi, i can still see them
+ 4
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
.class1{
border:10px solid green;
}
.class2{
width:50px;
height:50px;
}
</style>
</head>
<body>
<img class="class1 class2" src="https://pbs.twimg.com/profile_images/378800000242038210/3c561ae8a8bbf4d8f7c3428e49a92e51_400x400.png" />
</body>
</html>
here's a full working example
notice the <style> tag in the header
class1 and class2 each have a different scope in the CSS style
in this example class1 sets the border
and class2 sets the width and height settings
+ 3
datz okay ☺be aware my friend...
+ 2
thanqu dat was helpful
+ 1
<style>
.smaller-image{width:100px;}
.thick-green-border{border-color:green;
border-width:10px;
border-style:solid;}
</style>
<img class="smaller image""thick-green-border"src=https://bit.ly/fcc.relaxing-cat"alt="A cute orange cat lying on it's back.">
i did like dis but itz not happening
+ 1
i've tried dat one also still not workng
+ 1
first try to learn some manners and mind ur bldy words mistsr and then programming hatsy rei
+ 1
thanqu tashi N
Often have questions like this?
Learn more efficiently, for free:
Hot today
Wrong?
0 Votes
Can anyone guide me
0 Votes
Internal vs external JS
2 Votes
i need help
0 Votes
Snake game
0 Votes