krpa 发表于 2018-7-1 17:11:59

这段代码哪里有猫病嘛?

<link href="https://fonts.gdgdocs.org/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.thick-green-border{
    border-color:green;
    border-width:10px;
    border-style:solid;   
}
.red-text {
    color: red;
}

h2 {
    font-family: Lobster, Monospace;
}

p {
    font-size: 16px;
    font-family: Monospace;
}

.smaller-image {
    width: 100px;
}
</style>
<body>
<h2 class="red-text">CatPhotoApp</h2>

<img class1='smaller-image'
   class2='thick-green-border'
   src="/images/relaxing-cat.jpg">

<p class="red-text">在大家心目中,猫是慵懒的可爱的化身,它可以睡饱了再起来吃饭,可以逗趣小耗子,可以卖得了萌,使得了坏,这样百变的小怪兽就集结在一只宠物上,怎能不惹人怜爱。</p>
<p class="red-text">养动物有的时候,就是介于爱与恨之间,当你钦羡别人萌宠这么可爱的时候,你一定没有想过,狗狗和猫猫会到处拉屎,甚至会屯老鼠,啃鞋子,用爪子爬门,你不理它,它就挠你,你要对它发脾气,它会比你更来劲。所以,狗猫慎入,没有一定的准备,切勿随便去侍养动物。它们一旦认定你了,你就是它们的主人,如果你抛弃它们,它们必定心中重创。</p>


写完这段代码之后发现图片那里没有显示边框。。。

不二如是 发表于 2018-7-1 17:32:24


1、不存在class1,class2这种写法。。。

2、img修改如下:
<img class="smaller-image thick-green-border" src="/images/relaxing-cat.jpg">

krpa 发表于 2018-7-1 17:43:18

不二如是 发表于 2018-7-1 17:32
1、不存在class1,class2这种写法。。。

2、img修改如下:

好的,谢谢大神哈哈哈。修改完之后好多了
页: [1]
查看完整版本: 这段代码哪里有猫病嘛?