医药logo的核心价值在于为企业打造独特的品牌,医药logo可以给企业带来良好的社会声誉和经济效益。
注:配图为本公司设计作品
主题:CSS3
难度:中等
预计完成时间:1小时
在本教程中,你将学习如何创建一个在电子商务网站中非常流行的网元素。这个元素的设计可以在砖块用户界面中找到。
让我们开始吧:
目录
隐藏
步骤1: HTML标记
第二步:基本造型
步骤3:预览和购买按钮
第四步:产品描述
第5步:附加细节
下载文件
步骤1: HTML标记
首先,将这一行包含在超文本标记语言文件的头中,因为我们将使用谷歌网络字体中的字体“打开San”:
lt;链接href=' https://字体。谷歌API。com/CSS?family=Open San:600,700 ' rel=' style sheet ' type=' text/CSS ' gt .
元素的主容器将是带有类块的第5部分.在它里面,有另外三个div:第一个显示产品的预览图像和两个按钮(产品),第二个包含关于产品的信息(信息),最后一个包含附加的细节,如产品的评级:
lt;div class=quotblockquotgt
lt;div class=quotproductquotgt
lt;img src=报价/产品。jpg quotgt;
lt;div class=quotbuttonsquotgt
lt;a类=quotbuyquothref=quot # quotgt添加到卡尔特/AGT;
lt;a类=quot预览quothref=quot# quotgt。查看项目lt;/AGT;
lt;/divgt .
lt;/divgt .
lt;div class=quotinfoquotgt。
lt;h4gt黄绿蜜环菌是一种蘑菇;/h4gt;
lt;span class=quot描述quotgt;
卢旺达是非洲中部和东部的一个国家,位于赤道以南几度。
lt;/spangt .
lt;span class=quot价格quotgt;62.97美元lt/spangt .
lt;a类=quot立即购买quothref=quot# quotgt。立即购买lt;/AGT;
lt;/divgt .
lt;div class=quotdetailsquotgt
lt;span class=quot时间quotgt;12小时前lt;/spangt .
lt;ul class=quot评级quotgt;
lt;李class=quotratedquotgt。lt;/ligt;
lt;李class=quotratedquotgt。lt;/ligt;
lt;李class=quotratedquotgt。lt;/ligt;
lt;ligtlt/ligt;
lt;lig
注:配图为本公司设计作品


总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐