用户登录

现在我们一起去完成产品页上的这个动作区设计 .. 这个区域上显示的内容可以分成两块,一个图像背景,上面是一块文字,文字里面有两个重要的动作按钮 ...

先去组织一下这块内容 .. 添加一个包装,上面可以加上 .ui.action .. 里面包装一块内容,用一个带 content 类的元素 ..

内容里面有个大标题,一个 h2 ,上面可以加上 header 这个类 .. 输入标题文字 ... Velar .. 然后是一组动作按钮,可以先添加一个包装,上面加一个 action ..

然后用一个按钮群组,一个包装,加上 .ui.huge.buttons ... 里面有两个按钮,可以使用一个 a 标签 .. 按钮上要加上 ui.button 这两个 css 类 ..

输入按钮上的文字 .. 找经销商 ... 再复制一个按钮 ... 修改一下文字 .. 申请试驾 ..

现在,文字内容就组织好了 .. 在这个 content 下面,可以是一个图像元素,上面加上一个 image 类 ..

再找一张图片 ... 在 images .. velar 目录的下面 ... 复制一下图像的地址 ... 放到这个图像元素的上面 ..

这样我们就组织好了动作区上的内容 ... 下面我们可以去给这些内容添加点样式 ...

产品页:动作区《 网页设计案例:产品页参数 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点