css 四周边框角加粗效果

masturbator 发布于2019-04-23 11:44 / 1766人阅读

摘要：


DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Documenttitle>
    <style>
    div {
        position: relative;
        left: 50px;
        top: 50px;
        margin: 10px;
        width: 500px;
        height: 100px;
        border: 1px solid #E3581D;
    }
    
    .border {
        position: absolute;
        padding: 5px;
        border-style: solid;
        border-color: #E3581D;
    }
    
    .row1 {
        border-width: 5px 0 0 5px;
        top: -5px;
        left: -5px;
        border-radius: 4px 0 0 0;
    }
    
    .row2 {
        border-width: 5px 5px 0 0;
        top: -5px;
        right: -5px;
    }
    
    .col1 {
        border-width: 0 0 5px 5px;
        bottom: -5px;
        left: -5px;
    }
    
    .col2 {
        border-width: 0 5px 5px 0;
        bottom: -5px;
        right: -5px;
    }
    style>
head>

<body>
    <div>
        <span class="border row1">span>
        <span class="border row2">span>
        <span class="border col1">span>
        <span class="border col2">span>
    div>
body>

html>

云服务器 GPU云服务器点击边框效果js css效果效果显示 css jquery 气球css js效果

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1093.html

【丛林】CSS 边框浅谈

摘要：如果边框样式是，边框宽度实际上会重置为。不允许指定负长度值。值描述定义无边框。不过应用于表时除外，对于表，用于解决边框冲突。如果没有为边框声明颜色，它将与元素的文本颜色相同。这个值用于创建有宽度的不可见边框。扩展属性边框图像定义和用法围绕元素内容和内边距的一条或多条线。基本属性：宽度、样式、颜色宽度 border-width border-width 简写属性为元素的所有边...

seanlook 2019-08-29 16:16 评论0 收藏0
从项目中学习HTML+CSS

摘要：最近由于工作原因以及自己的懈怠，已经很久都没有更新过博客了。所以这次就根据具体的一个网页项目来梳理一下我这段时间学习这些东西的成果。最近由于工作原因以及自己的懈怠，已经很久都没有更新过博客了。通过这段时间，我发现坚持一件事情是真的很难，都说万事开头难，但是在放弃这件事上好像开头了后面就顺理成章的继续下去了。中间即使不怎么情愿也在努力的每周更新博客，但是自从9月份以来，第一次因为工作需要加班而...

Lin_R 2019-04-23 13:12 评论0 收藏0
前端复习笔记

摘要：一基本结构设置字符编码集格式网页头部二文本标记加粗倾斜下划线删除线上标下标三引用样式表的方式内联样式在元素的开始标签里，设置一个属性，并设置对应的属性名及属性值例使用场景里，使用给元素添加样式内部样式表在标签里加上一对标签，并且在标签设置对一、基本结构 //设置字符编码集格式 // //网页头部二、文本标记1.加粗 b2...

yhaolpz 2019-04-23 11:46 评论0 收藏0
DIV+CSS初学随记

摘要：属性接受一个正长度值或负长度值。在设置字体大小时，的值会相对于父元素的字体大小改变。因此的默认尺寸是像素。关键字为字体指定了级加粗度。数字等价于，而等价于。与此相反，关键词会导致浏览器将加粗度下移而不是上移。字间隔word-spacing 属性可以改变字（单词）之间的标准间隔。其默认值 normal 与设置值为 0 是一样的。 word-spacing 属性接受一个正长度值或负长度值。如果提...

kgbook 2019-04-23 11:51 评论0 收藏0
Python开发【前端篇】CSS

摘要：块元素内联元素内联块元素块元素内联元素内联块元素元素就是标签，布局中常用的有三种标签，块元素内联元素内联块元素，了解这三种元素的特性，才能熟练的进行页面布局。1.css基本语法及页面引用 css基本语法 css的定义方法是：选择器 { 属性:值; 属性:值; 属性:值;} 选择器是将样式和页面元素关联起来的名称，属性是希望设置的样式属性每个属性有一个或多个值。代码示例： div{ wid...

番茄西红柿 2019-04-23 13:27 评论0 收藏0