| 网站首页 | 业界新闻 | 小组 | 交易 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
共有 1421 人关注过本帖
标题:padding-top的使用问题
只看楼主 加入收藏
跆拳勇士
Rank: 1
等 级:新手上路
帖 子:29
专家分:9
注 册:2017-7-21
结帖率:100%
收藏
 问题点数:0 回复次数:2 
padding-top的使用问题
红色文字处是我的问题,希望有大牛能为我解惑。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
    *{
        margin:0;
        padding:0;
    }
    .product{
        width:1100px;
        height:700px;
        border:1px solid orange;
        margin:0 auto;
    }
    .product ul
    {
        list-style:none;
    }
    .product ul li
    {
        float:left;
        border:1px solid #F00;
        padding:3px 8px;
        margin:3px;
    }
    .product p span{
        color:orange;
        font-weight:bold;
        
        
    }
    .product p b{
        font-weight:normal;
        padding-top:10px;  此处的padding-top在网页中怎么没有效果
        
        
   
    }
    .product p i{
        font-style:normal;
        font-size:12px;
        color:red;
        
    }
    .product .left{
        float:left;
    }
    .product .right{
        float:right;
    }
</style>
</head>

<body>
</body>
<div class="product">
    <ul>
        <li>
            <img src="C:\Users\Administrator\Desktop\002.jpg" alt="色卡"/>
            <p>
                <span>&yen;588.00</span><br />
                <b>描述信息</b><br />
                <i>已售333件</i><br />
                <i >婴儿用品</i> <i >北京</i>
               
            </p>
            
        </li>
        <li>
            <img src="C:\Users\Administrator\Desktop\002.jpg" alt="色卡"/>
            <p>
                <span>&yen;588.00</span><br />
                <b>描述信息</b><br />
                <i>已售333件</i><br />
                <i >婴儿用品</i> <i >北京</i>
               
            </p>
            
        </li>
        <li>
            <img src="C:\Users\Administrator\Desktop\002.jpg" alt="色卡"/>
            <p>
                <span>&yen;588.00</span><br />
                <b>描述信息</b><br />
                <i>已售333件</i><br />
                <i>婴儿用品</i> <i>北京</i>
               
            </p>
            
        </li>
        <li>
            <img src="C:\Users\Administrator\Desktop\002.jpg" alt="色卡"/>
            <p>
                <span>&yen;588.00</span><br />
                <b>描述信息</b><br />
                <i>已售333件</i><br />
                <i>婴儿用品</i> <i>北京</i>
               
            </p>
            
        </li>

    </ul>
   
</div>
</html>


[此贴子已经被作者于2018-3-24 18:44编辑过]

搜索更多相关主题的帖子: product img Users Desktop jpg 
2018-03-24 18:43
yunxi123
Rank: 1
等 级:新手上路
帖 子:4
专家分:0
注 册:2018-6-29
收藏
得分:0 
给b加一个display:block就好了
2018-06-29 17:49
南城无风
Rank: 1
等 级:新手上路
帖 子:15
专家分:0
注 册:2018-7-3
收藏
得分:0 
b标签是行内标签,行内标签只能设置margin-left和right吧
2018-07-15 16:59
快速回复:padding-top的使用问题
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.132952 second(s), 9 queries.
Copyright©2004-2020, BCCN.NET, All Rights Reserved