首页 > 软件开发 > HTML >

ccs中如何使用border画实线和虚线

来源:互联网 2023-03-16 19:17:57 490

在css中可以使用boder属性画实线和虚线,今天我来给大家介绍下ccs中如何使用border画实线和虚线6JE办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • css html
  • 代码编辑器(本文用的HBuilder)

方法/步骤

  • 1

    首先在编辑器里新建一个border.html,用来学习ccs中如何使用border画实线和虚线6JE办公区 - 实用经验教程分享!

    ccs中如何使用border画实线和虚线6JE办公区 - 实用经验教程分享!

  • 2

    在body区域里,新建两个div,border用来画实线,border1用来还虚线6JE办公区 - 实用经验教程分享!

    ccs中如何使用border画实线和虚线6JE办公区 - 实用经验教程分享!

  • 3

    在css标签中,给两个div写上基础属性:宽200px,高200px,居中显示,两个间隔为20px6JE办公区 - 实用经验教程分享!

    ccs中如何使用border画实线和虚线6JE办公区 - 实用经验教程分享!

  • 4

    给class名字 为border的div加上1px的实线6JE办公区 - 实用经验教程分享!

    ccs中如何使用border画实线和虚线6JE办公区 - 实用经验教程分享!

  • 4本页面未经许可获取自百度经验
  • 5

    给class名字 为border1的div加上1px的虚线6JE办公区 - 实用经验教程分享!

    ccs中如何使用border画实线和虚线6JE办公区 - 实用经验教程分享!

  • 6

    在浏览器中打开border.html,看下最终效果6JE办公区 - 实用经验教程分享!

    ccs中如何使用border画实线和虚线6JE办公区 - 实用经验教程分享!

  • 注意事项

    • 有问题大家可以联系我,谢谢观看

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!6JE办公区 - 实用经验教程分享!


    标签: CSSHTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码