把里面的链接改成自己的就可以了
1.自定义 字体
/* 导入远程 TTF 字体 */
@font-face {
font-family: 'MyCustomFont'; /* 自定义字体名称 */
src: url('https://example.com/path/to/your/font.ttf') format('truetype'); /* TTF 格式 */
font-weight: normal; /* 字体粗细 */
font-style: normal; /* 字体样式 */
}
/* 设置网站的基础字体 */
body {
font-family: 'MyCustomFont', sans-serif; /* 使用自定义字体,后备字体为 sans-serif */
}
/* 其他元素的字体设置 */
h1, h2, h3, h4, h5, h6 {
font-family: 'MyCustomFont', serif; /* 标题使用自定义字体,后备字体为 serif */
}
p {
font-family: 'MyCustomFont', sans-serif; /* 段落使用自定义字体,后备字体为 sans-serif */
}
/* 其他可能需要使用自定义字体的元素 */
a {
font-family: 'MyCustomFont', sans-serif; /* 链接使用自定义字体 */
}
2.自定义背景
/* 设置整个页面的背景 */
body {
background-image: url('你的背景图链接.jpg'); /* 替换为你的背景图链接 */
background-size: cover; /* 背景图覆盖整个页面 */
background-position: center; /* 背景图居中 */
background-repeat: no-repeat; /* 不重复背景图 */
}
/* 设置内容区域的背景(可选) */
#main {
background-color: rgba(255, 255, 255, 0.8); /* 背景颜色为白色,且有透明度 */
border-radius: 10px; /* 圆角 */
padding: 20px; /* 内边距 */
}
/* 设置导航栏的背景(可选) */
#header {
background-color: rgba(0, 0, 0, 0.7); /* 半透明黑色 */
}
/* 设置链接颜色(可选) */
a {
color: #007bff; /* 自定义链接颜色 */
}
a:hover {
color: #0056b3; /* 自定义悬停链接颜色 */
}