明星小记者头像+名字+简介-优快云博客

本文链接：https://blog.youkuaiyun.com/zhaohongx/article/details/25881187

该页面展示了明星小记者的形象和个人简介，每个记者的头像旁边附带有姓名及简介摘要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

   .left1 .left01{ border:1px solid #CCC; float:left; width:280px; margin-right:10px; overflow:hidden;}
   .left1 .right01{ border:1px solid #CCC; float:left; width:380px; height:100px;}
   .left1 .left01 h1{ background:#EAEAEA; height:35px; line-height:35px;}
   .left1 .left01 h1 p{ margin-left:20px; color:#F30;}
   .left1 .left01 .starimg{ border:1px solid #CCC; margin:6px; padding:1px; float:left; width:90px; height:85px;overflow:hidden;}
   .left1 .left01 .startxt{ margin:10px 0px; float:left; width:160px; height:85px;}
   .left1 .left01 .startxt a{ font-size:14px; color:#F30;}
   .left1 .left01 .startxt p{ font-size:12px; color:#666; margin-top:10px; line-height:18px;text-indent: 2em;}

<div class="content">
		<div class="left1">
        	<div class="left01">
            	<h1><p>明星小记者<p></h1>
                <asp:Repeater ID="rptstar" runat="server">
                    <ItemTemplate>
                        <div class="starimg"><a href="#"><img src="<%#Eval("UserTouXiang")%> " width="90" height="85"/></a></div>
                             <div class="startxt">
                	                <a href="#"><%#Eval("tureName")%></a>
                                    <p><%#xjz.Common.MFunction.Text_Substring(Eval("SelfIntroduction").ToString(),60,"...")%></p>
                            </div>
                    </ItemTemplate>
                </asp:Repeater>
            </div>
            <div class="right01">l</div>
        </div>
    	<div class="right1">
        	r
        </div>
	</div>