What's new

External CSS patulong

Status
Not open for further replies.

Tadano Hitohito

Eternal Poster
Established
Joined
Jun 17, 2019
Posts
704
Solutions
1
Reaction
415
Points
295
[CODE lang="html" title="EXTERNAL CSS"]<!DOCTYPE html>
<html>
<head>
<title>External HTML</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<form>
<label>FirstName</label>
<input type="text" name="fn"><br>
<label>LastName</label>
<input type="text" name="ln"><br><br>
<label>Choose your Course:</label><br>
<label>
<input type="checkbox" name="it"> BS Information Technology<br>
<input type="checkbox" name="is"> BS Information System<br>
<input type="checkbox" name="bscpe"> BS Computer Engineering<br>

<button>Save</button><button>Clear</button><button>Exit</button>

</form>


</body>
</html>[/CODE]
Hi asking ako about sa External na CSS dito pano po sya makukulayan each buttons heto po ang codes ko . thank you po sa tutulong
 
Minimean ko dito how to do it in External CSS yung buttons po which is each buttons mag kakaiba yung kulay nila
 
[CODE lang="css" title="CSS"]body {
font-family: verganda;
color: #2f4f4f;
}
input[type=text]{
font-family: arial;
color: #8b814c;
width: 30%;
height:25;
}[/CODE]
 
or pwede ding kung iba iba kada button

button:nth-child(odd) {
..codes here
}

button:nth-child(even) {
..code here
}

or


mag lagay ka ng class sa button tag
<button class="YOURNAME"> text </button>

in css

button.YOURNAME{
.. codes here
}

or

.YOURNAME {
.. codes here
}
 
Status
Not open for further replies.

Similar threads

Back
Top