用html写显示一首古诗,怎么用html/css写一首古诗

写一首古诗的方法：首先新建一个html文件，在文件里写上基础的html代码，然后在文档“

”标签里写上古诗；最后在每句诗结尾部分添上一个“
”标签即可。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

新建一个HTML文档，我们可以看到HTML基础的一些代码。

在文档“

”标签里写上古诗；在每句诗结尾部分添上一个“
”即可用HTML写一首诗

#poem{

width: 300px;

height: 200px;

margin: 0 auto;

text-align: center;

color: green;

font-size: 20px;

}

body{

background-image: url(../图片/timg.jpg);

background-attachment: fixed;

}

入若耶溪

艅艎何泛泛，空水共悠悠。

阴霞生远岫，阳景逐回流。

蝉噪林逾静，鸟鸣山更幽。

此地动归念，长年悲倦游。

推荐学习：css视频教程

用html写显示一首古诗,怎么用html/css写一首古诗相关推荐

html5首行缩进没有效果,css如何实现首行缩进效果
css实现首行缩进效果的方法:首先创建一个HTML示例文件:然后在body中定义一些文本段落:最后在css中使用text-indent属性来实现首行缩进效果即可. 本文操作环境:Windows7系统. ...
用html写一首古诗,怎么用html/css写一首古诗
写一首古诗的方法:首先新建一个html文件,在文件里写上基础的html代码,然后在文档" "标签里写上古诗:最后在每句诗结尾部分添上一个" "标签即可. 本教程 ...
用html标签编写古诗,怎么用html/css写一首古诗
写一首古诗的方法:首先新建一个html文件,在文件里写上基础的html代码,然后在文档" "标签里写上古诗:最后在每句诗结尾部分添上一个" "标签即可. 本教程 ...
HTML首字下沉的编码,css如何实现首字下沉效果？伪元素+浮动实现效果（代码实例）...
在word文档中有一个首字下沉功能,可以在文章的排版时使用,有时能给文章增色不少.那么css可以实现这样的效果吗?本篇文章就给大家介绍css是如何实现首字下沉效果的,让大家可以了解如何用css的伪元素 ...
html中怎么设置首行缩进2字符,css怎么设置首行缩进2字符？
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力. css通过text-indent属性控制首行缩进两个字符: p {text-in ...
【我的前端】CSS启示录：CSS写出超级美观的阴影效果
CSS使用技巧:CSS写出超级美丽的阴影效果文章目录 CSS使用技巧:CSS写出超级美丽的阴影效果如何用CSS写出超级美丽的阴影效果为什么要使用阴影技巧链接到此标题压条滤镜:阴影 html ...
[css] 如何让大小不同的图片等比缩放不变形显示在固定大小的div里？写个例子
[css] 如何让大小不同的图片等比缩放不变形显示在固定大小的div里?写个例子图片等比缩放 img{ object-fit: cover/contain;}div宽高比例固定,跟随屏幕变化而变化, ...
HTML+CSS+原生JS写一个简易的音乐播放器（仅播放一首歌）
用HTML+CSS+原生JS写一个简易的音乐播放器(仅播放一首歌) 效果如下:(鼠标点击按钮可以实现播放或暂停,按钮会旋转,实现了歌词同步,功能还需改进) 代码如下: <!DOCTYPE htm ...
用JQ方法写显示隐藏方块
代码首先我们先创建好显示,隐藏的button按钮还有需要隐藏和显示的元素div 其次为我们的div元素添加上自己喜欢的样式然后我们需要引入外部样式jquery,再写一个页面加载事件,然后绑定显示按 ...

用html写显示一首古诗,怎么用html/css写一首古诗

用html写显示一首古诗,怎么用html/css写一首古诗相关推荐

最新文章

热门文章