用html怎样实现点击古诗题目就能显示诗内容

用html怎样实现点击古诗题目就能显示诗内容,第1张

<!DOCTYPE HTML>

<html>

<head>

<title>念奴娇</title>

<meta charset=UTF-8 />

<style type="text/css">

* {

margin: 0

padding: 0

border: 0

}

ul.content {

width: 1000px

height: 600px

margin: auto

overflow: hidden

list-style: none

background: url(bg1.jpg) no-repeat

}

ul.content li {

float: right

margin-left: 7px

margin-right: 24px

line-height: 30px

width: 14px

font-size: 14px

word-wrap: break-word

word-break: nomal

font: bolder 25px/1.5 方正行楷简体

}

</style>

</head>

<body>

<ul class="content">

<li>大江东去</li>

<li>浪淘尽</li>

<li>千古风流人物</li>

<li>故垒西边</li>

<li>人道是</li>

<li>三国周郎赤壁</li>

<li>乱石穿空</li>

<li>惊涛拍岸</li>

<li>卷起千堆雪</li>

<li>江山如画</li>

<li>一时多少豪杰</li>

<li>遥想公瑾当年</li>

<li>小乔初嫁了</li>

<li>雄姿英发</li>

<li>羽扇纶巾</li>

<li>谈笑间</li>

<li>樯橹灰飞烟灭</li>

<li>故国神游</li>

<li>多情应笑我</li>

<li>早生华发</li>

<li>人生如梦</li>

<li>一尊还酹江月&nbsp苏轼</li>

</ul>

</body>

</html>

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title></title>

</head>

<body>

古诗

</body>

</html>

输出古诗有以下三个步骤。

1、在jupyte中创建输入界面并选好编辑光标的位置。

2、在编辑光标处输入出输出指令并选择输入时隐藏。

3、在输入指令后输入古诗并点击完成即可。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7068450.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存