背景样式和字体样式小试

来源：互联网发布：如何处理数据编辑：程序博客网时间：2024/05/08 07:55

材料

林徽因的诗
林徽因的图

想做的效果图

这里写图片描述

<head>    <title>背景样式和字体</title>    <style>@font-face{    font-family: ab;    src:url(ab.ttf);}div{    width:800px;    height: 500px;    overflow: auto;    border:2px;    background:url('lin.jpg') no-repeat;    background-size: 800px 500px;    font-family: ab;    font-size: 50px;    margin-left: auto;    margin-right: auto;    line-height:200px;}//*居中的办法 margin-left:auto; margin-right:auto;*//    </style></head><body><div><h1>林徽因诗选</h1><h2>那一晚</h2><p>作者：林徽因 </p>那一晚我的船推出了河心,<br>澄蓝的天上托着密密的星。<br>那一晚你的手牵着我的手，<br>迷惘的星夜封锁起重愁。<br>那一晚你和我分定了方向，<br>两人各取生活的模样。<br><br>到如今我的船仍然在海面飘，<br>细弱的桅杆常在风涛里摇。<br>到如今太阳只在我背后徘徊，<br>层层的阴影留守在我周围。<br>到如今我还记得那一晚的天，<br>星光、眼泪、白茫茫的江边！<br>到如今我还想念你岸上的耕种，<br>红花儿黄花儿朵朵的生动。<br><br>那一天我希望要走到了顶层。<br>蜜一般酿出那记忆的滋润。<br>那一天我要跨上带羽翼的箭，<br>望着你花园里射一个满弦。<br>那一天你要听到鸟般的歌唱，<br>那便是我静候着你的赞赏。<br>那一天你要看到零乱的花影，<br>那便是我私闯入当年的边境!<br></div></body>

完成总结

设置字体后需要注意的东西

div里别忘了加 font-family：字体名称;
url() 括号里没有 ” 这个
- 居中语句是
margin-left:auto; margin-right:auto;
- 空一行
<br>

0 0