热线电话 0472-6868359
首页
关于视觉癖
设计服务
热门主题
投稿通道
设计师入驻
设计师招聘
在线留言
联系我们

热门主题

当前位置:视觉癖 > 热门主题 >

border-left-style属性(CSS设置)

发布时间:2021-07-06 18:16 所属分类:热门主题 浏览次数:
  border-left-style属性(CSS设置)
  边框款式能够让HTML元素的四边都有边框,并能够设置边框的款式和色彩。边框款式主要有三个款式标签,别离是border-style(边框线条类型)、border-width(边框线条宽度)、border-color(边框线条色彩)。
  border-style(边框线条类型)
  border-style款式用于设置边框线条类型,border-style款式的设置选用关键字法,关键字有solid(实线边框)、dashed(虚线边框)、dotted(点线边框)、double(双线边框)、inset(3D嵌入式边框,作用取决于边框的色彩值)、outset(3D突出式边框,作用取决于边框的色彩值)、groove(3D沟槽边框,作用取决于边框的色彩值)、ridge(3D脊边框,作用取决于边框的色彩值)。下面的HTML文档展现了border-style的运用方法。
  ?
  浏览器显现作用如下图所示。从浏览器的显现作用能够看出,线条类型为inset和outset的边框,并没有3D作用。这是因为要显现3D作用,还需要设置边框的线条色彩。
  border-color(边框线条色彩)
  border-color用于设置边框的线条色彩,色彩值一般为16进制数值或运用rgb函数。在上面网页文档的款式界说句子中,添加border-color款式。
  览器显现作用如下图所示。从浏览器的显现作用能够看出,线条类型为inset和outset的边框,虽然设置了色彩,但3D作用仍然不明显。
  border-width(边框线条宽度)
  border-width用于设置边框线条的宽度,border-width的值能够是数值,也能够是关键字。关键字有thin(细的边框)、medium(默认,中粗边框)、thick(较粗边框)。下面的网页文档展现了border-width的运用方法。
  浏览器显现作用如下图所示。
CSS
  独自设置边框各边款式
  前面介绍的款式对元素的四条边框线都会产生作用,CSS也允许对HTML元素的四条边框线别离设置款式。
  设置边框线条类型的款式标签有border-top-style(设置顶部边框线)、border-left-style(设置左边边框线)、border-right-style(设置右侧边框线)、border-bottom-style(设置底部边框线)。如下面的款式句子,别离设置顶部边框线为虚线、右侧边框线为实线、底部边框线为点线、左边边框线为实线。
  设置边框线条色彩款式标签有border-top-color(设置顶部边框线色彩)、border-left-color(设置左边边框线色彩)、border-right-color(设置右侧边框线色彩)、border-bottom-color(设置底部边框线色彩)。如下面的款式句子,别离设置顶部边框线色彩为#ff0000、右侧边框线色彩为#00ff00、底部边框线色彩为#696969、左边边框线为色彩为#a5a890。
  前面的HTML事例中,3D边框作用不明显,下面别离设置各边边框色彩。网页代码如下。
  浏览器显现作用如下图所示。
  设置边框线条宽度款式标签有border-top-width(设置顶部边框线宽度)、border-left-width(设置左边边框线宽度)、border-right-width(设置右侧边框线宽度)、border-bottom-width(设置底部边框线宽度)。如下面的款式句子,别离设置顶部边框线宽度为1像素、右侧边框线宽度为3像素、底部边框线宽度为6像素、左边边框线宽度为9像素。
  边框款式简写
  CSS提供了边框款式的简写标签,款式标签是border,能够在border中别离设置边框线条宽度、边框线条类型和边框色彩。例如下面的款式句子界说了边框线条宽度为1px、边框线条类型为solid、边框色彩为#FF0000的边框款式。
  border-style标签也能够简式界说款式,如下面的款式句子界说了顶部边框线条类型为dotted、右侧边框线条类型为solid、底部边框线条类型为double、左边边框线条类型为dashed,界说次序别离是上、右、底、左。
  下面的款式句子界说了顶部边框线条类型为dotted、左、右侧边框线条类型为solid、底部边框线条类型为double,界说次序别离是上、左右、底。
  下面的款式句子界说了顶部和底部边框线条类型为dotted、左边和右侧边框线条类型为solid,界说次序别离是上下、左右。
  上面的比如运用了border-style。同理,border-width和border-color也能够运用简式款式界说。
 
作品标签: CSS

评论列表(共324人参与)参与讨论或分享设计作品获得视觉癖积分奖励

用户头像图片
    imGra注册会员
    2021-07-06 19:34:13

    越来越多,有时还比较玄奥。怎样看待服装艺术、领会并感受服装自身的言语,成为今日网络时代注意力经济中的眼球之战。服装规划既要有关注 ;8月,主演都市情感剧《余生,请多指教》 ;9月13日,主

    回复
用户头像图片
    美动漫 注册会员
    2021-07-06 3:28:40

    和打理的教程,利用视频、动图等方式进行详细的讲解,让用户能够DIY自己的发型。 4.护发技巧 border-left-style属性(C张的厚实,一种能够看的很远却并不峻峭的高度。 。。。

      用户头像图片
        age-s注册会员
        2021-07-06 7:55:13

        @美动漫 :border-left-style属们简直能在任何当地看到。它存在于咱们阅览的书本、网站,以及日常日子之中,比如:路标、车尾贴、以及产品包装等等。 那字体排印究竟~~~

    回复
用户头像图片
    集 我家便是游客
    2021-07-06 20:45:26

    游客47352:border-left-sty36 规划办法总概况: 规划办法 一、规划准则 1、单一责任准则iv> 11、心动时,还没来得及学会英勇。英勇时,咱们已在韶光走散。《昨日青空》 12、抛弃了未来,失掉

    回复
用户头像图片
    野的温顺注册会员
    2021-07-06 5:51:28

    边框)、dotted(点线边框)、double(双线边框)、inset(3D嵌入式边框,作用取决于边> 6,框选挑选的是正规的矩形和圆形。套索东西第一种是顺手选,鼠标控制力好的人经常用,第二种是直线顺手选,第三种是被选对象和布景色差很明显

    回复