通达OA表单会签意见样式

样式一

 <td colspan="7" height="53" class="hq" style="text-align: left; border-width: 1px; border-style: solid;      padding: 10px;border-color: rgb(0, 0, 0); word-break: break-all;">

                #[MACRO_SIGN][

                <div class="yj">

                    <div>

                        <strong>{SD}【{R}】：</strong>{C}<span class="sj">{U} {Y}-{M}-{D}</span>

                    </div>

                </div>]

            </td>

.yj{

  width: 30%;

  float: left;

  padding:5px;

    box-sizing: border-box;  }

.yj div{

    background: #f4faff;

  padding: 10px 0;

    box-sizing: border-box;

  border-radius: 4px;    border: solid 1px #c8e7ff;

 }

.hq span br{

  display: none;}

.yj strong{

    color: #0e86fe;

    display: block;    margin-bottom: 5px;  padding:0 10px;

}

.yj p{line-height: 22px; padding:0 10px;}

.sj{ padding:0 10px;

display: block;

    text-align: right;

    font-size: 12px;

    color: #797a7a;

   

    padding-top: 10px;

}

 

样式二

 <td colspan="7" height="53" class="hq" style="text-align: left; border-width: 1px; border-style: solid;      padding: 10px;border-color: rgb(0, 0, 0); word-break: break-all;">

                #[MACRO_SIGN][

                <div class="yj">

                    <div>

                        <strong>{SD}【{R}】：<span class="sj">{U} {Y}-{M}-{D}</span>

</strong>{C}                    </div>

                </div>]

            </td>

.yj div{

 background: #f4faff;

  padding: 10px;

    box-sizing: border-box;

  border-radius: 4px; border: solid 1px #c8e7ff;}

.yj strong{

    color: #0e86fe;display: block;

    margin-bottom: 5px;  padding:0 10px;

}

.yj p{line-height: 22px; padding:0 10px;}

.sj{ padding:0 10px;

    text-align: right;

    font-size: 12px;

    color: #797a7a;

   float: right;

    font-weight: 500;

}

 

样式三

 <td colspan="7" height="53" class="hq" style="text-align: left; border-width: 1px; border-style: solid;      padding: 10px;border-color: rgb(0, 0, 0); word-break: break-all;">

                #[MACRO_SIGN][

                <div class="yj">

                    <div>

                        <strong>{SD}【{R}】：<span class="sj">{U} {Y}-{M}-{D}</span>

</strong>{C}                    </div>

                </div>]

            </td>

.yj div{

        padding-bottom: 10px;

    box-sizing: border-box;

    border-bottom: solid 1px #d9d9d9;    margin: 10px 0;}

.yj strong{

   color: #0e86fe;

    margin-bottom: 5px;

 

    display: block;

}

.yj p{line-height: 22px;}

.sj{

    font-size: 12px;

    color: #999;

   float: right;

    font-weight: 500;

}

.hq span br{

  display: none;}

 

样式四

<td colspan="7" height="53" class="hq" style="text-align: left; border-width: 1px; border-style: solid;      padding: 10px;border-color: rgb(0, 0, 0); word-break: break-all;">

                #[MACRO_SIGN][

                <div class="yj">

                    <div>

                        <strong>{SD}【{R}】：<span class="sj">{U} {Y}-{M}-{D}</span>

</strong>{C}                    </div>

                </div>]

            </td>

.yj div{

background: #f4faff;

    padding: 10px;

    box-sizing: border-box;

    border-radius: 4px;

    border-left: solid 4px #0e86fe;}

.yj strong{

    color: #0e86fe;

    margin-bottom: 5px;  padding:0 10px;display: block;

}

.yj p{line-height: 22px; padding:0 10px;}

.sj{ padding:0 10px;

    text-align: right;

    font-size: 12px;

    color: #797a7a;

   float: right;

    font-weight: 500;

}

 

样式五

 <td colspan="7" height="53" class="hq" style="text-align: left; border-width: 1px; border-style: solid;      padding: 10px;border-color: rgb(0, 0, 0); word-break: break-all;">

                #[MACRO_SIGN][

                <div class="yj">

                    <div>

                        <strong>{SD}【{R}】：</strong>

                        <div class="sj">

                            {C}{U} {Y}-{M}-{D}

                        </div>

                    </div>

                </div>]

            </td>

.yj{

  width: 30%;

  float: left;

    padding: 6px;

    box-sizing: border-box;  }

.yj>div{

  background: #f4faff;

    box-sizing: border-box;

  border-radius: 4px;     padding-bottom: 0px;  

 }

.hq span br{

  display: none;}

.yj strong{

        color: #ffffff;

    display: block;

    padding: 0 10px;

    background: #0e86fe;

    line-height:30px;

    border-radius: 4px 4px 0 0;

}

.yj .sj{padding: 10px;

    display: block;

    font-size: 12px;

       color: #549be2;

    line-height:24px

}

.yj .sj p{ color: #333; font-size:14px;}

 

样式六

 <td colspan="7" height="53" class="hq" style="text-align: left; border-width: 1px; border-style: solid;      padding: 10px;border-color: rgb(0, 0, 0); word-break: break-all;">

                #[MACRO_SIGN][

                <div class="yj">

                    <div>

                        <strong>{SD}【{R}】：<span class="sj">{U} {Y}-{M}-{D}</span></strong>{C}

                    </div>

                </div>]

            </td>

技术支持QQ：2524837118

.yj div{

     padding: 10px 0;

    box-sizing: border-box;}

.yj strong{

       color: #0e86fe;

    margin-bottom: 10px;

    padding: 0 8px;

    display: block;

    border-left: solid 3px #0e86fe;

}

.yj p{    line-height: 24px;

    padding: 10px;

    background: #f4faff;}

.sj{ padding:0 10px;

    text-align: right;

    font-size: 12px;

    color: #797a7a;

   float: right;

    font-weight: 500;

}