前端css 宠物列表

css宠物列表：

在这里主要是想记录一些关于自己的一些进步
先放张效果图：

代码如下所示：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style type="text/css">*{margin: 0;padding: 0;list-style: none;}.box {width: 240px;height: 308px;margin: 0 auto;background: url(images/bg.gif);padding:10px;}.box h2{height:23px;border-left:4px solid #c9e143;font:700 20px/23px "黑体";/* 700代表字体粗细 */color:#fff;margin-bottom:5px;}.box .liebiao{height:280px;padding:0px 10px;background:#ffffff;}.box .liebiao li{height:30px;line-height:30px;border-bottom:1px dashed #666;background:url(images/tb.gif) no-repeat 1px center;padding-left:17px;}.box .liebiao li a{color: #06c;font-size: 12px;text-decoration: none;}</style></head><body><div class="box"><h2>爱宠知识</h2><ul class="liebiao"><li><a href="#">养狗比养猫对身体健康更有利</a></li><li><a href="#">养狗比养猫对身体健康更有利</a></li><li><a href="#">养狗比养猫对身体健康更有利</a></li><li><a href="#">养狗比养猫对身体健康更有利</a></li><li><a href="#">养狗比养猫对身体健康更有利</a></li><li><a href="#">养狗比养猫对身体健康更有利</a></li><li><a href="#">养狗比养猫对身体健康更有利</a></li><li><a href="#">养狗比养猫对身体健康更有利</a></li><li><a href="#">养狗比养猫对身体健康更有利</a></li></ul></div></body>
</html>

前端css 宠物列表相关推荐

黑马程序员前端-CSS练手之学成在线页面制作
前端学习笔记教程不定期更新中,传送门: 前端HTML第一天:什么是网页?什么是HTML?网页怎么形成? 黑马程序员前端-CSS入门总结黑马程序员前端-CSS之emmet语法黑马程序员前端-CSS的 ...
【前端】3.总结一下前端css样式规范
总结一下前端css样式规范前端样式CSS 规范分类的命名方法统一语义理解和命名模块(.m-).元件(.u-) 功能(.f-) 皮肤(.s-) 状态(.z-) sass 规范当前选择器的样式属 ...
前端css动画_很棒的前端资源和CSS动画课程
前端css动画 This is the editorial from our latest HTML/CSS Channel newsletter, you can subscribe here. 这 ...
魔坊APP项目-21-种植园，宠物栏的功能实现、服务端提供显示宠物的api接口、客户端中展示宠物栏和宠物列表以及饱食度、宠物道具的使用
种植园一.宠物栏的功能实现 1. 宠物的显示 2. 宠物的使用 3. 宠物的饱食度 4. 宠物的开锁 1.服务端提供显示宠物的api接口 socket.py,代码 ... import math f ...
前端CSS经典面试题总结
前端CSS经典面试题总结 2.1 介绍一下 CSS 的盒子模型? 2.2 css 选择器优先级? 2.3 垂直居中几种方式? 2.4 简明说一下 CSS link 与 @import 的区别和用法? ...
php文章列表样式,css列表样式有哪些？css设置列表样式的方法
关于列表的css样式有哪些以及如何设置css列表样式?接下来的这篇文章将为大家介绍关于css列表样式的内容. 1.css有序列表(ol)和css无序列表(ul) list.html 列表样式水果苹 ...
好程序员web前端CSS选择符（选择器）:表示要定义样式的对象
好程序员web前端CSS选择符(选择器):表示要定义样式的对象 1) 元素选择符/类型选择符(element选择器 ) 如:div{width:100px; height:100px; backgro ...
Web前端css知识点概括
Web前端css知识点的简单概括如下,方便记忆. 1.字体,背景(font-style,font-weight,font-size/line-height,font-family...backgrou ...
div css图片列表实例
1.DIVCSS5初始化模板为了兼容各大浏览器,开发案例或项目建议下载使用.使用前先修改预先设置的样式(DIVCSS5初始化模板). 2.图片素材主要是使用PS切出所需内容图片素材.(已经放入im ...
CSS设置列表的符号
CSS设置列表的符号通常的列表采用<ul>或者<ol>标记,然后,结合<li>标记罗列各个项目. 项目表单实例,代码如下: <span style=&quo ...

前端css 宠物列表

css宠物列表：

前端css 宠物列表相关推荐

最新文章

热门文章