以下是一个使用HTML和CSS代码的示例，展示如何创建一个简单的在线课程展示工具/插件：

HTML代码：

  

    
    
课程标题 1
    
课程描述 1
    查看详情
  
  

    
    
课程标题 2
    
课程描述 2
    查看详情
  

CSS代码：

.course-container {
  display: flex;
  justify-content: space-between;
}

.course {
  width: 300px;
  padding: 20px;
  background-color: #f2f2f2;
  text-align: center;
}

.course img {
  width: 100%;
  height: auto;
}

.course h3 {
  margin-top: 10px;
}

.course p {
  margin-top: 5px;
}

.button {
  display: inline-block;
  margin-top: 10px;
  padding: 5px 10px;
  background-color: #3498db;
  color: #fff;
  text-decoration: none;
}

这个示例创建了一个包含两个课程的容器。每个课程有一个图片、标题、描述和一个“查看详情”的按钮。通过CSS代码，设置了课程容器的样式，包括布局、背景色和按钮的样式。

你可以根据需要，添加更多的课程到