css 四周邊框角加粗效果

masturbator 發(fā)布于2019-04-23 11:44 / 1765人閱讀

摘要：


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效果

文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/1093.html

【叢林】CSS 邊框淺談

摘要：如果邊框樣式是，邊框?qū)挾葘嶋H上會重置為。不允許指定負長度值。值描述定義無邊框。不過應用于表時除外，對于表，用于解決邊框沖突。如果沒有為邊框聲明顏色，它將與元素的文本顏色相同。這個值用于創(chuàng)建有寬度的不可見邊框。擴展屬性邊框圖像定義和用法圍繞元素內(nèi)容和內(nèi)邊距的一條或多條線。基本屬性：寬度、樣式、顏色寬度 border-width border-width 簡寫屬性為元素的所有邊...

seanlook 2019-08-29 16:16 評論0 收藏0
從項目中學習HTML+CSS

摘要：最近由于工作原因以及自己的懈怠，已經(jīng)很久都沒有更新過博客了。所以這次就根據(jù)具體的一個網(wǎng)頁項目來梳理一下我這段時間學習這些東西的成果。最近由于工作原因以及自己的懈怠，已經(jīng)很久都沒有更新過博客了。通過這段時間，我發(fā)現(xiàn)堅持一件事情是真的很難，都說萬事開頭難，但是在放棄這件事上好像開頭了后面就順理成章的繼續(xù)下去了。中間即使不怎么情愿也在努力的每周更新博客，但是自從9月份以來，第一次因為工作需要加班而...

Lin_R 2019-04-23 13:12 評論0 收藏0
前端復習筆記

摘要：一基本結(jié)構(gòu)設置字符編碼集格式網(wǎng)頁頭部二文本標記加粗傾斜下劃線刪除線上標下標三引用樣式表的方式內(nèi)聯(lián)樣式在元素的開始標簽里，設置一個屬性，并設置對應的屬性名及屬性值例使用場景里，使用給元素添加樣式內(nèi)部樣式表在標簽里加上一對標簽，并且在標簽設置對一、基本結(jié)構(gòu) //設置字符編碼集格式 // //網(wǎng)頁頭部二、文本標記1.加粗 b2...

yhaolpz 2019-04-23 11:46 評論0 收藏0
DIV+CSS初學隨記

摘要：屬性接受一個正長度值或負長度值。在設置字體大小時，的值會相對于父元素的字體大小改變。因此的默認尺寸是像素。關鍵字為字體指定了級加粗度。數(shù)字等價于，而等價于。與此相反，關鍵詞會導致瀏覽器將加粗度下移而不是上移。字間隔word-spacing 屬性可以改變字（單詞）之間的標準間隔。其默認值 normal 與設置值為 0 是一樣的。 word-spacing 屬性接受一個正長度值或負長度值。如果提...

kgbook 2019-04-23 11:51 評論0 收藏0
Python開發(fā)【前端篇】CSS

摘要：塊元素內(nèi)聯(lián)元素內(nèi)聯(lián)塊元素塊元素內(nèi)聯(lián)元素內(nèi)聯(lián)塊元素元素就是標簽，布局中常用的有三種標簽，塊元素內(nèi)聯(lián)元素內(nèi)聯(lián)塊元素，了解這三種元素的特性，才能熟練的進行頁面布局。1.css基本語法及頁面引用 css基本語法 css的定義方法是：選擇器 { 屬性:值; 屬性:值; 屬性:值;} 選擇器是將樣式和頁面元素關聯(lián)起來的名稱，屬性是希望設置的樣式屬性每個屬性有一個或多個值。代碼示例： div{ wid...

番茄西紅柿 2019-04-23 13:27 評論0 收藏0