web开发源代码案例5-简单版侧边栏


web开发源代码案例5-简单版侧边栏

效果图

本次案例运用了以下内容

display: block;行内元素转化为块元素,使每个都能形成一个块

width: 230px; 和 height: 40px; 定义了这个块元素的宽和高,这个是经常用的,大家可以记住

background-color: #55585a; 定义了块元素的背景颜色

font-size: 14px; 定义了字体大小

color: #fff; 定义了字体颜色

text-decoration:none; 消除了链接下划线的格式

text-indent:2em 缩进了字体大小空格

line-height:40px; 把行高设成块元素的高度,这样可以让字体上下居中

a:hover {

background-color:#ff6700;

}

这个是定义鼠标指针位于这个链接位置的时候会变成的背景颜色






    
    
    
    web开发源代码案例5-简单版侧边栏
    


    励志故事
    励志小说
    小猴科技
    小猴开发
    小猴web
    小猴最好
    小猴最帅

发表评论
留言与评论(共有 0 条评论) “”
   
验证码:

相关文章

推荐文章