<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style>/*關閉彈窗*/.popBox{display: none;}/*打開彈窗*/.popBox:target{align-items: center;display: flex;justify-content: center;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}/*設置彈窗內容*/.popBox .con{background-color:rgba(250, 188, 199, 0.76);border-radius: 5px;padding: 1.5rem;position: relative;width: 25rem;}/*關閉按鈕*/.popBox .close{display: block;position: relative;}.popBox .close::after{align-items: center;color: white;content:"×";cursor: pointer;background-color:rgba(79, 79, 79, 0.9);border-radius: 50%;display: flex;font-size: 1.25rem;justify-content: center;position: absolute;right: -2.5rem;top: -2.5rem;height: 2rem;width: 2rem;z-index: 2;}/*彈窗遮罩層*/.popBox::before{content:"";cursor: default;background-color:rgba(173, 173, 173, 0.66);position: fixed;left: 0;right: 0;top: 0;bottom: 0;}</style></head><body><ul><li><ahref="#example1">案例1</a></li><li><ahref="#example2">案例2</a></li></ul><articleclass="popBox"id="example1"><divclass="con"><ahref="#"class="close"></a><p>案例，就是人們在生產生活當中所經歷的典型的富有多種意義的事件陳述。它是人們所經歷的故事當中的有意截取。案例一般包括三大要素。案例對於人們的學習、研究、生活借鑑等具有重要意義。基於案例的教學是通過案例向人們傳遞有針對性的教育意義的有效載體。</p></div></article><articleclass="popBox"id="example2"><divclass="con"><ahref="#"class="close"></a><p>A case is a typical multi-meaning event statement that people experience in production and life. It is a deliberate interception of the stories people experience. Cases generally include three major elements. Cases are of great significance to people's learning, research, and life reference. Case-based teaching is an effective carrier to convey targeted educational significance to people through cases.</p></div></article></body></html>
