颜色字体大小模版
发布人：shili8
发布时间：2024-01-19 16:55
阅读次数：83
html<!DOCTYPE html>
<html>
<head>
<title>颜色字体大小模版</title>
<style>
/* 设置标题的颜色为红色 */
h1 {
color: red;
}
/* 设置段落的字体为宋体，大小为16px，颜色为黑色 */
p {
font-family: SimSun, sans-serif;
font-size:16px;
color: black;
}
/* 设置链接的颜色为蓝色，鼠标悬停时颜色变为红色 */
a {
color: blue;
}
a:hover {
color: red;
}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落，字体为宋体，大小为16px，颜色为黑色。</p>
<a href="#">这是一个链接</a>
</body>
</html>
这是一个简单的颜色字体大小模版，其中使用了HTML和CSS来设置标题、段落和链接的颜色、字体和大小。在CSS中，可以通过选择器来选择需要设置样式的元素，然后使用属性来设置样式的具体属性值。在这个模版中，标题的颜色被设置为红色，段落的字体被设置为宋体，大小为16px，颜色为黑色，链接的颜色被设置为蓝色，鼠标悬停时颜色变为红色。通过这些简单的设置，可以让页面的内容更加美观和易读。
粤公网安备 44011102002787号