用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>

可以。

HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写,它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。


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

原文地址: http://outofmemory.cn/zaji/6256184.html

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

发表评论

登录后才能评论

评论列表(0条)

保存