怎么做出来哇，样式框架即可。

这个应该对你们应该特简单我是小学生求答只需框架结构即可用什么选择器或属性

就是用ul+li做啊
你题目的解答代码如下：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
<style type="text/css">
.box {
    width: 300px;
    border: 1px solid #00CCFF;
}
.box .title {
    height: 30px;
    background-color: #00CCFF;
    color: #FF6633;
    font-size: 24px;
    padding: 2px 10px;
}
.box ul {
    font-size: 16px;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
.box ul li {
    list-style: square inside url("xxx.ioc");
    padding: 3px 10px;
    border-bottom: 1px solid #00CCFF;
}
</style>
</head>
<body>
<div class="box">
    <div class="title">
        <img src="a.jpg" width="16" height="16" alt="" />校园快讯
    </div>
    <ul>
        <li>2011新生军训大赛</li> 
        <li>第五届网页设计大赛</li> 
        <li>2011年收李动会</li> 
        <li>第三届大学生文化节</li> 
    </ul>
</div>

</body>
</html>

如有帮助，请点击我的回答下方的【采纳该答案】按钮帮忙采纳下，谢谢!

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632