扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " "
10年积累的成都网站设计、网站建设经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有霞山免费网站建设让你可以放心的选择与我们合作。
html xmlns=" "
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title无标题文档/titlehtml
head
style type="text/css"
!--
.BG {border: 1px solid #FFCC00; br}
.BG1 {border: 1px dashed #CCCCCC; br}
.BG2 {border: 1px inset #3399CC; br}
.BG3 {border-top-width: 1px; brborder-right-width: 1px; brborder-bottom-width: 1px; brborder-left-width: 1px; brborder-top-style: dotted; brborder-right-style: solid; brborder-bottom-style: double; brborder-left-style: outset; brborder-top-color: #999999; brborder-right-color: #FF9900; brborder-bottom-color: #CC9999; brborder-left-color: #99CC00; br}
.BG4 {border-top-width: 1px; brborder-right-width: 1px; brborder-bottom-width: 1px; brborder-left-width: 1px; brborder-top-style: dashed; brborder-right-style: none; brborder-bottom-style: dashed; brborder-left-style: none; brborder-top-color: #FFCC00; brborder-right-color: #FFCC00; brborder-bottom-color: #FFCC00; brborder-left-color: #FFCC00; br}
--
/style
/head
body
table width="300" border="0" cellpadding="0" cellspacing="0" class="BG"
tr
td bgcolor="#FFFF99"div align="center"模拟百度的表格/div/td
/tr
tr
td/td
/tr
/table
p /p
table width="300" border="0" cellpadding="0" cellspacing="0" class="BG1"
tr
td bgcolor="#CCCCCC"div align="center"模拟很多BLOG表格/div/td
/tr
tr
td/td
/tr
/table
p /p
table width="300" border="0" cellpadding="0" cellspacing="0" class="BG2"
tr
tddiv align="center"新款式表格/div/td
/tr
tr
td/td
/tr
/table
p /p
table width="300" border="0" cellpadding="0" cellspacing="0" class="BG3"
tr
tddiv align="center"花式表格/div/td
/tr
tr
td/td
/tr
/table
p /p
table width="300" border="0" cellpadding="0" cellspacing="0" class="BG4"
tr
tddiv align="center"去任意边表格/div/td
/tr
tr
td/td
/tr
/table
p /p
p /p
p /p
/body
/html
整个页面的，复制看看把
-修改中文字体.html
可以参考一下，这里面是改的微软雅黑，步骤很清楚
你要改思源黑体的话，首先要记得自己的电脑有这个字体，具体看你的系统（可以搜索字体设置查看）
打开字体设置之后，查找到你要用的那个字体文件的名字，然后按照上面教程的步骤 把 微软雅黑 改成那个名字就好了。
至于居中问题
text-align: center;
加上这一句就好了，记得在写了从h1一直到h6的里面写（当然你在每个h里面写也可以，更保险）
如图：
学习导航
1、css中的长度与颜色
2、css中的文字属性
3、css中的文本属性
1、文字样式属性
font-family 字体属性
作用：元素内文字以什么字体来显示
语法：font-family:[字体1],[字体2],[......];
说明：含空格字体名和中文，用英文引号（"）括起；多个字体用英文逗号隔开；引号嵌套，外使用双引号，内使用单引号。
font-size 文字大小
作用：元素内文字大小
语法：font-size:绝对单单位，相相对单位
color 文字颜色
语法：颜色名|十六进制|RGB
font-weight 文字粗细
语法：font-weight:normal 正常 | bold 加粗 | bolder 加粗 | lighter 细体 | 100-900
说明：默认值：normal 400等同于normal,而700等同于bold
font-style 文字样式
作用：为元素内文字设置样式
语法：font-style:normal 正常显示 | italic 文字倾斜 | oblique 文字倾斜（基本不用）
font-variant 字体变形
作用：设置元素中文本为小型大写字母
语法：font-variant:normal 正常显示| small-caps 将英文大小写字母调成为同宽
font 属性简写
语法：font:font-style font-variant font-weight font-size/line-height font-family;
说明：值之间空格隔开，注意书写顺序。
2、CSS文本样式
text-align
作用：设置元素内文本的水平对齐方式
语法：tex-align:left 左对齐 | right 右对齐 | center 居中对齐 | justify 两端对齐
注意：该属性对块级元素设置有效
line-height
作用：设置元素中文本行高
语法：line-height:长度值 | 百分比
说明：一行文字的高度，行高指文本行的基线间的距离
文字基线
注意：基线并不是汉字文字的下沿，看图理解自行理解
行高和行距
行高：基线到基线的距离
行距：底线到顶线的距离
注意：看图自行理解
行框和行内框
注意：看图自行理解
vertical-align
作用：设置元素内容的垂直方式
语法：vertical-align:baseline | sub | super | top | text-top | middle | bottom | text-bottom | 长度 | 百分比
注意：看图自行理解
text-indent 首行缩进
3、文本样式属性
text-transform: capitzlize 首字母大写 | uppercase 字母大写 | lowercase 字母小写 | none 正常
text-decoration: underline 下划线 | overline 上划线 | line-through 删除线 | none 正常
综合实操案例
如果您觉得有用，记得在下方点赞、关注、留言，我会定期奉 上更多的惊喜哦，您的打赏支持才是我继续努力的动力，么么哒。
每日分享在学习过程中总结的学习经验，学习笔记，笔试题，HTML，CSS，JavaScript，jQuery教程，Vue教程，PHP教程，TinkPHP教程等，望大家能以学习为目的，每天阅读一篇文章，了解身边的技术。陪有梦想的人一起成长！
p{
font-family:"Times New Roman",Georgia,Serif;
}
有两种类型的字体系列名称：
指定的系列名称：具体字体的名称，比如："times"、"courier"、"arial"。
通常字体系列名称：比如："serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"
注意：使用某种特定的字体系列（Geneva）完全取决于用户机器上该字体系列是否可用；这个属性没有指示任何字体下载。因此，强烈推荐使用一个通用字体系列名作为后路。
这么说吧 你的描述可能并不准确 如果你想要你喜欢的样式表 建议你去网上浏览网页 喜欢某个网站的格调就点击浏览器的文件-保存网页 然后再你下载的网页会附带一个同名的文件夹 在这个文件夹里就有你想要的外联样式表 如果没有的话那就在网页文件里
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网