一看就会的CSS讲解(八)CSS篇结束

  • 时间:2018-12-21 23:07 作者:一只快活的小码农 来源:一只快活的小码农 浏览:255
  • 扫一扫,手机拜访
摘要:1:CSS设置列表款式1-1:设置列表的符号代码举例:ul,ol{list-style-type: square;//把有序和无序属性前面同一设置成方块款式,个别调剂直接在里 面加}//无序分列你好头条号//有序分列主页一只快活的小码农图文主页发表文章悟空问答代码后果图:1-2:设置列表图片符号ul
  • 1:CSS设置列表款式
  • 1-1:设置列表的符号
  • 代码举例:
  • }
    • //无序分列
    1. //有序分列
    2. 主页
    3. 一只快活的小码农
    4. 图文主页
    5. 发表文章
    6. 悟空问答
  • 代码后果图:
一看就会的CSS讲解(八)CSS篇结束


  • 1-2:设置列表图片符号
    1. //有序分列
    2. 主页
    3. 一只快活的小码农
    4. 图文主页
    5. 发表文章
    6. 悟空问答
  • 代码后果图:
  • 一看就会的CSS讲解(八)CSS篇结束


    • 1-3:创建简单导航菜单
    • #navigation {
    • width:120px;//导航栏全体的宽度
    • font-family:Arial;//字体
    • font-size:14px;//大年夜小
    • text-align:right//文字居右
    • }//逐层递进的去设置
    • #navigation ul {
    • list-style-type:none;/* 不显示项目符号 */
    • margin:0px;
    • padding:0px;
    • }
    • #navigation li {
    • border-bottom:1px solid #9F9FED;/* 增长下划线 */
    • }
    • #navigation li a{
    • display:block;
    • height:1em;
    • padding:5px 5px 5px 0.5em;
    • text-decoration:none;
    • float:left//横向
    • }
    • #navigation li a:link, #navigation li a:visited{
    • background-color:#1136c1;
    • color:#FFFFFF;
    • }
    • #navigation li a:hover{/* 鼠标经过时 */
    • background-color:#002099;/* 改变配风景 */
    • color:#ffff00;/* 改变文字色彩 */
    • }
    • 代码后果图1:
    一看就会的CSS讲解(八)CSS篇结束

    • 代码后果图2:
    一看就会的CSS讲解(八)CSS篇结束

    • 好了,至此,CSS开辟中常经常使用到的属性和款式就一概结束了,须要你赓续演习和丰富后果,我给你间的都是简单粗暴让你一会儿懂得这个是若何完成的,前台后果炫酷的太多了,须要你去摸索。我们下一步推敲讲一下js。敬请等待
    一看就会的CSS讲解(八)CSS篇结束

    • 全部评论(0)
    最新发布的资讯信息
    【体系情况|办事器应用】树莓派装置TensorFlow(2020-04-24 21:11)
    【体系情况|办事器应用】防面试-SD_WebImage(2020-04-24 21:11)
    【体系情况|办事器应用】推荐一款视频控件xgplayer(2020-04-24 21:11)
    【体系情况|办事器应用】PostgreSQL 源码解读(27)- 查询语句#12(查询优化-上拉子链接#2)(2020-04-24 21:11)
    【体系情况|办事器应用】若何轻松进修JavaScript?(2020-04-24 21:10)
    【体系情况|办事器应用】【源码分析】Launcher 8.0 源码 (12) --- Launcher 启动流程 第五步之计算桌面各构造细节参数(2020-04-24 21:10)
    【体系情况|办事器应用】前台碰撞室之console.log与文本字符(2020-04-24 21:10)
    【体系情况|办事器应用】好用的Middleware完成(2020-04-24 21:10)
    【体系情况|办事器应用】前台面试逐日 3+1 —— 第373天(2020-04-24 21:10)
    【体系情况|办事器应用】绍圣--kafka之临盆者(五)(2020-04-24 21:10)
    手机二维码手机拜访支付大年夜礼包
    前往顶部