By GokiSoft.com| 20:20 18/10/2023|
Học HTML5 - CSS3

[Share Code] Tìm hiểu CSS phần tiếp theo - C2307L

#style1.css

a {
	background-color: green;
	color: white;
	padding: 10px;
	text-decoration: none;
}

a:hover {
	background-color: yellow;
	color: red;
}

a:active {
	background-color: red;
	color: green;
}

a:before {
	content: '+';
}

a:after {
	content: ">";
}

ul.menu {
	background-color: orange;
	list-style-type: none;
	padding-left: 0px;
	margin: 0px;
	display: flex;
}

ul.menu li {
	padding: 10px;
	cursor: pointer;
}

ul.menu li:hover {
	background-color: yellow;
}

#vidu1.html

<!DOCTYPE html>
<html>
<head>
	<title>CSS Tutorial</title>
	<meta charset="utf-8">

	<link rel="stylesheet" type="text/css" href="style1.css">
</head>
<body>
	<!-- Event trong css -->
	<a href="https://gokisoft.com">Open GokiSoft</a>
	<br/><br/><br/><br/><br/>
	<a href="https://gokisoft.com">Open GokiSoft</a>
	<br/><br/><br/><br/><br/>
	<ul class="menu">
		<li>Trang Chu</li>
		<li>Khoa Hoc Online</li>
		<li>Lap Trinh C</li>
		<li>Lien He</li>
	</ul>

	<ol class="menu">
		<li>Trang Chu</li>
		<li>Khoa Hoc Online</li>
		<li>Lap Trinh C</li>
		<li>Lien He</li>
	</ol>
</body>
</html>
Tags:



Phản hồi từ học viên

5

(Dựa trên đánh giá ngày hôm nay)

Đăng nhập để làm bài kiểm tra

Chưa có kết quả nào trước đó