五个小故事

博客包含五个小故事,分别是小猪、绵羊和乳牛的故事,告诉我们要宽容;小蜗牛的故事,强调靠自己;鲨鱼与鱼的故事,反映怕痛而不敢尝试;退伍军人的故事,倡导接纳失去;小孩要钓竿的故事,说明技巧比工具重要。
1、 情况不同
一只小猪、一只绵羊和一头乳牛,被关在同一个畜栏里。有一次,牧人捉住小猪,牠大声号叫,猛烈地抗拒。绵羊和乳牛讨厌牠的号叫,便说:「他常常捉我们,我们并不大呼小叫。小猪听了回答道:「捉你们和捉我完全是两回事,他捉你们,只是要你们的毛和乳汁,但是捉住我,却是要我的命呢!
立场不同、所处环境不同的人,很难了解对方的感受;因此对别人的失意、挫折、伤痛,不宜幸灾乐祸,而应要有关怀、了解的心情。要有宽容的心!
2、 靠自己

小蜗牛问妈妈:为什么我们从生下来,就要背负这个又硬又重的壳呢?
妈妈:因为我们的身体没有骨骼的支撑,只能爬,又爬不快。所以要这个壳的保护!
小蜗牛:毛虫姊姊没有骨头,也爬不快,为什么她却不用背这个又硬又重的壳呢?
妈妈:因为毛虫姊姊能变成蝴蝶,天空会保护她啊。
小蜗牛:可是蚯蚓弟弟也没骨头爬不快,也不会变成蝴蝶他什么不背这个又硬又重的壳呢?
妈妈:因为蚯蚓弟弟会钻土, 大地会保护他啊。
小蜗牛哭了起来:我们好可怜,天空不保护,大地也不保护。
蜗牛妈妈安慰他:「所以我们有壳啊!」我们不靠天,也不靠地,我们靠自己。


3、 鲨鱼与鱼

曾有人做过实验,将一只最凶猛的鲨鱼和一群热带鱼放在同一个池子,然后用强化玻璃隔开,最初,鲨鱼每天不断冲撞那块看不到的玻璃,耐何这只是徒劳,它始终不能过到对面去,而实验人员每天都有放一些鲫鱼在池子里,所以鲨鱼也没缺少猎物,只是它仍想到对面去,想尝试那美丽的滋味,每天仍是不断的冲撞那块玻璃,它试了每个角落,每次都是用尽全力,但每次也总是弄的伤痕累累,有好几次都浑身破裂出血,持续了好一些日子,每当玻璃一出现裂痕,实验人员马上加上一块更厚的玻璃。后来,鲨鱼不再冲撞那块玻璃了,对那些斑斓的热带鱼也不再在意,好像他们只是墙上会动的壁画,它开始等着每天固定会出现的鲫鱼,然后用他敏捷的本能进行狩猎,好像回到海中不可一世的凶狠霸气,但这一切只不过是假像罢了,实验到了最后的阶段,实验人员将玻璃取走,但鲨鱼却没有反应,每天仍是在固定的区域游着它不但对那些热带鱼视若无睹,甚至于当那些鲫鱼逃到那边去,他就立刻放弃追逐,说什么也不愿再过去,实验结束了,实 验人员讥笑它是海里最懦弱的鱼。

可是失恋过的人都知道为什么,它怕痛。

4、 神迹

法国一个偏僻的小镇,据传有一个特别灵验的水泉,常会出现神迹,可以医治各种疾病。有一天,一个拄着拐杖,少了一条腿的退伍军人,一跛一跛的走过镇上的马路,旁边的镇民带着同情的回吻说:「可怜的家伙,难道他要向上帝祈求再有一条腿吗??」这一句话被退伍的军人听到了,他转过身对他们说:「我不是要向上帝祈求有一条新的腿,而是要祈求祂帮助我,叫我没有一条腿后,也知道如何过日子。」
试想:学习为所失去的感恩,也接纳失去的事实,不管人生的得与失,总是要让自已的生命充满了亮丽与光彩,不再为过去掉泪,努力的活出自己的生命。


5、 钓竿

有个老人在河边钓鱼,一个小孩走过去看他钓鱼,老人技巧纯熟,所以没多久就钓上了满篓的鱼,老人见小孩很可爱,要把整篓的鱼送给他,小孩摇摇头,老人惊异的问道:「你为何不要?」小孩回答:「我想要你手中的钓竿。」老人问:「你要钓竿做什么?」小孩说:「这篓鱼没多久就吃完了,要是我有钓竿,我就可以自己钓,一辈子也吃不完。」我想你一定会说:好聪明的小孩。错了,他如果只要钓竿,那他一条鱼也吃不到。因为,他不懂钓鱼的技巧,光有鱼竿是没用的,因为钓鱼重要的不在<钓竿>,而在<钓技>有太多人认为自己拥有了人生道上的钓竿,再也无惧于路上的风雨,如此,难免会跌倒于泥泞地上。就如小孩看老人,以为只要有钓竿就有吃不完的鱼,像职员看老板,以为只要坐在办公室,就有滚进的财源。
你指出得非常正确! > ✅ **右侧实际有三个小故事**(力士脱靴、醉草蛮书、江上捉月),而之前的 CSS 和 HTML 中只处理了两个,且类名 `.story-item` 未统一,导致结构不清晰。 --- ### ✅ 现在完全按照你的需求修正: **确保右侧三个小故事都能正确显示,样式一致,上下排列,符合 `image.png` 原图结构。** --- ## ✅ 1. `libai-story.css`(完整右侧三故事样式) ```css /* libai-story.css —— 专门控制右侧三个小故事 */ .right-story { width: 350px; float: none; } .story-item { border: 1px dashed #D7C4B1; /* 浅棕虚线边框 */ padding: 15px; margin-bottom: 15px; background-color: #F9F5F0; font-size: 14px; line-height: 1.5; } .story-item h3 { font-size: 16px; color: #5C3A21; margin-bottom: 5px; } .story-item em { color: #BCBCBC; font-style: normal; font-size: 12px; } .story-item img { width: 100px; height: 100px; margin: 10px 0; display: block; } .story-item p, .story-item li { color: #5C3A21; margin: 5px 0; } .story-item ul { margin-left: 20px; list-style-type: disc; } ``` --- ## ✅ 2. 对应 HTML 结构(使用 `.story-item` 类三次) ```html <!-- 右侧:三个小故事 --> <div class="right-story"> <!-- 故事一 --> <div class="story-item"> <h3>故事一:力士脱靴</h3> <p>——狂放不羁</p> <img src="story1.jpg" alt="力士脱靴" /> <p>唐玄宗召见李白,命其起草诏书……杨国忠研墨,高力士脱靴,成为千古美谈。</p> </div> <!-- 故事二 --> <div class="story-item"> <h3>故事二:醉草蛮书</h3> <p>——才思<em>敏捷</em></p> <img src="story2.jpg" alt="醉草蛮书" /> <p>番邦送来天书无人能识,李白酒醉挥毫,顷刻译出,震慑四夷。</p> </div> <!-- 故事三 --> <div class="story-item"> <h3>故事三:江上捉月</h3> <p>-诗意终章</p> <p>传说李白醉后泛舟江上,欲揽明月而失足落水,遂羽化登仙。</p> <ul> <li>一说病逝于当涂县令李阳冰处</li> <li>一说因饮酒过度伤身</li> </ul> </div> </div> ``` --- ## ✅ 3. 样式说明 | 特性 | 实现方式 | |------|----------| | 三栏垂直排列 | 使用三个 `<div class="story-item">` | | 上下间距 | `margin-bottom: 15px` | | 虚线边框 | `border: 1px dashed #D7C4B1` | | 统一字体颜色 | `color: #5C3A21`(深棕) | | 图片固定大小 | `width: 100px; height: 100px` | | 列表支持 | 添加 `ul` + `margin-left: 20px` | --- ## ✅ 4. 文件分工总结 | 文件 | 内容 | |------|------| | `main.css` | 全局布局、`.main-container`、`body`背景色等 | | `libai-experience.css` | 左侧生平内容样式 | | `libai-story.css` | ✅ **右侧三个小故事的完整样式** | --- ✅ 现在你可以: 1. 将上面 `libai-story.css` 的代码保存为独立文件 2. 在 HTML 中引入它 3. 配合三个 `.story-item` 块,完美实现“三故事上下排列” 如果你希望我输出完整的 `index.html` + 三 CSS 文件结构,请告诉我。
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值