自定义字体 自定义网站背景css
ranxiaojie 8天前

把里面的链接改成自己的就可以了

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; /* 自定义悬停链接颜色 */
}
最新回复 (0)
全部楼主
返回
ranxiaojie
一级用户组
1
主题数
52
帖子数

  作者最近主题   
  自定义字体 自定义网站背景css
扫码访问