自贡网站建设公司

DIVCSS网页布局中对段落进行排版的方法

DIV CSS布局中段落使用

10年积累的网站设计、做网站经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站制作后付款的网站建设流程，更有新宁免费网站建设让你可以放心的选择与我们合作。

标签，对于段落的上下左右的空白（缩进）可以使用margin标签定义样式，而对于段落内部的空白，我们可以用padding来实现。

DIV CSS网页布局中对段落进行排版的方法

margin属性

　　DIV CSS布局中段落使用

标签，对于段落的上下左右的空白（缩进）可以使用margin标签定义样式。margin有上、下、左、右四个方向的定义，正常情况下，我们可以用一行来描述我们需要的样式。

　　例如：margin:20px8px8px20px;

　　此句分别表示了：margin-top；margin-right；margin-bottom；margin-left。

　　四个数值的顺序分别是：上、右、下、左。是依时12:00开始的顺时针方向。

　　如何上下的值一致，左右的值一致，我们可以再进行优化。

　　可以写成：margin:20px8px;

　　此句分别表示了：上下、左右。

　　对于段落内部的文字对齐方式，一般用text-align，比如：text-align:center;等。

　　下面以实例的形式来看不同的段落排版：

 
 
 
    
  
  
  
  1. 
  
  
  
  2.  
    3. 
  
  
  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7. webjx.com title> </li>
  
  
  <li><styletypestyletype="text/css"> </li>
  
  
  <li> <em>DIV</em>+<em>CSS</em><em>网页</em><em>布局</em><em>对</em>SEO<em>的</em>影响 DIV+CSS网页布局有很多值得学习的地方，那么它对SEO具有哪些影响呢，今天就SEO与DIVCSS布局的关系，我们向大家做一下简单介绍。 <p>2010-08-23 09:59:16</p> DIV+CSS SEO </li>
 
 
 </ol></pre>                <br>
                网站名称：DIVCSS网页布局中对段落进行排版的方法                <br>
                分享链接：<a href="http://www.jxruijie.cn/article/dhhpphc.html">http://www.jxruijie.cn/article/dhhpphc.html</a>
            </div>
        </div>
        <div class="contentr fr">
            <h3>其他资讯</h3>
            <ul>
                <li>
                        <a href="/article/djdghjo.html">服务器不能访问-云服务器问题</a>
                    </li><li>
                        <a href="/article/djdghjc.html">飞腾win10报错</a>
                    </li><li>
                        <a href="/article/djdghhi.html">数据库联合查询系统研究：三款解决方案介绍(三个数据库联合查询系统)</a>
                    </li><li>
                        <a href="/article/djdghji.html">云呼叫系统(云呼叫系统购买)（云呼叫官网）</a>
                    </li><li>
                        <a href="/article/djdghhh.html">centos7中如何使用yum安装OpenJDK</a>
                    </li>            </ul>
        </div>
    </div>
</div>
<!--底部-->
<footer>
    <div class="foot">
        <div class="container">
            <h1>广皓图文建站您身边的网站建设服务商</h1>
            <div class="foot1">
                <ul>
                    <li>
                        <dl><i class="iconfont"></i><b>地址ADDRESS</b></dl>
                        <p>四川-成都青羊区太升南路288号<br>
                            锦天国际A座10楼
                        </p>
                    </li>
                    <li>
                        <dl><i class="iconfont"></i><b>电话/TEL</b></dl>
                        <p><a href="tel:02886922220" target="_blank">028 86922220</a> (工作日)<br>
                            <a href="tel:18980820575" target="_blank">1898082 0575</a> ( 7x24 )
                        </p>
                    </li>
                    <li>
                        <dl><i class="iconfont"></i><b>QQ咨询</b></dl>
                        <p> 244261566 (售前)<br>
                            631063699 (售后)
                        </p>
                    </li>
                    <li>
                        <dl><i class="iconfont"></i><b>邮箱/E: mail</b></dl>
                        <p> service@cdcxhl.com (业务)<br>
                            hr@cdcxhl.com (求职)
                        </p>
                    </li>
                </ul>
            </div>
            <div class="link">
                友情链接：
                <a href="http://www.cdmeisitu.com/" title="景区公园导视牌" target="_blank">景区公园导视牌</a>   <a href="http://www.mlyyzyq.com/" title="上柴静音发电机" target="_blank">上柴静音发电机</a>   <a href="http://www.hklqu.com/" title="成都网站设计公司" target="_blank">成都网站设计公司</a>   <a href="http://www.hklqu.com/" title="成都网站UI设计" target="_blank">成都网站UI设计</a>   <a href="https://www.cdxwcx.com/wangzhan/mbshangcheng.html" title="商城网站" target="_blank">商城网站</a>   <a href="https://www.cdcxhl.com/sosuo.html" title="关键词优化排名" target="_blank">关键词优化排名</a>   <a href="https://www.cdcxhl.com/tuoguan/zongshu/" title="成都棕树机房" target="_blank">成都棕树机房</a>   <a href="https://www.cdxwcx.com/wangzhan/applet.html" title="成都小程序开发" target="_blank">成都小程序开发</a>   <a href="https://www.cdcxhl.com/city/chengdu.html" title="四川成都网站建设" target="_blank">四川成都网站建设</a>   <a href="http://www.fszma.com/" title="成都服务器托管租用" target="_blank">成都服务器托管租用</a>               </div>
        </div>
    </div>
    <div class="copy container">
        Copyright © 2025 All Rights Reserved. 青羊区广皓图文设计工作室（个体工商户） 版权所有  <a href="http://www.beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2025118593号-7</a>
        [原创设计,独立版权。未经许可.不得拷贝或镜像]<br>
        <a href="http://www.kswsj.cn/" target="_blank">网站营销推广</a> | <a href="https://www.cdcxhl.com/pinpai.html" target="_blank">品牌网站设计</a> | <a href="http://www.cdweb.net/" target="_blank">自适应网站建设</a> | <a href="http://cdkjz.cn/wangzhan/pinpai/" target="_blank">品牌网站建设</a> | <a href="http://chengdu.cdxwcx.cn/" target="_blank">成都网站制作</a> | <a href="https://www.cdcxhl.com/cloud/" target="_blank">云服务器</a> | <a href="https://www.cdcxhl.com/weihu/abazhou.html" target="_blank">自贡网站维护</a> | (自贡网站建设QQ : 631063699 )</div>
</footer>
<!--在线咨询-->
<div class="fot">
    <ul>
        <li>
            <a href="mqqwpa://im/chat?chat_type=wpa&uin=532337155&version=1&src_type=web&web_src=oicqzone.com" target="_blank">
                <img src="/Public/Home/img/fot1.png" alt="建站咨询">
                <p>在线咨询</p>
            </a>
        </li>
        <li>
            <a href="tel:18980820575" target="_blank">
                <img src="/Public/Home/img/fot2.png" alt="建站电话">
                <p>拨打电话</p>
            </a>
        </li>
    </ul>
</div>
</body>
</html>
<script>
    $(".con img").each(function(){
        var src = $(this).attr("src");    //获取图片地址
        var str=new RegExp("http");
        var result=str.test(src);
        if(result==false){
            var url = "https://www.cdcxhl.com"+src;    //绝对路径
            $(this).attr("src",url);
        }
    });
    window.onload=function(){
        document.oncontextmenu=function(){
            return false;
        }
    }
</script>