免费看的一级片-免费看的毛片-免费看的黄色网址-免费看的黄色录像-中文字幕乱码亚洲精品一区-中文字幕另类

Web前端知識

首頁 > 免費 > Web前端知識 >

css3屬性box-shadow用法詳解

來源:北京匯仁智杰科技有限公司   時間:2016-11-15   點擊:

border-radius是一種縮寫的格式,可以細分成很多單獨的:

border-top-left-radius

border-top-right-radius

border-bottom-right-radius

border-bottom-right-radius

如果你在 border-radius 屬性中只指定一個值,那么將生成 4 個 圓角。

但是,如果你要在四個角上一一指定,可以使用以下規則:

四個值: 第一個值為左上角,第二個值為右上角,第三個值為右下角,第四個值為左下角。

三個值: 第一個值為左上角, 第二個值為右上角和左下角,第三個值為右下角

兩個值: 第一個值為左上角與右下角,第二個值為右上角與左下角

一個值: 四個圓角值相同

還有一種寫法:border-radius:10px 10px 10px 10px/20px 20px 20px 20px;

這是一種更細分的寫法,

其中/前面的是x軸方向的圓角/后面的是y軸方向的圓角,兩個設置一樣的話就相當于設置一個

例如:border-radius:10px 10px 10px 10px/10px 10px 10px 10px;相當于border-radius:10px/10px;相當于border-radius:10px;

box-shadow支持多重陰影寫法如下:

box-shadow: inset rgba(0,0,0,.4) 0 -1px 3px 1px,inset rgba(0,0,0,.5) 0 -5px 20px, rgba(0,0,0,.5) 0 -5px 10px ,rgba(255,255,255,.5) 0 5px 10px;

網絡營銷推廣 . 北京匯仁智杰科技有限公司!

地址:北京市昌平區回龍觀龍冠大廈5層
咨詢:13370157521
業務QQ:373002979
E - mail:sales @ huirenzhijie.com
企業網站備案:京ICP備15021091號-1

匯仁智杰與眾不同

  • 有網絡推廣經驗
  • 有網站建站隊伍
  • 有大型網站建設經驗
  • 致力于營銷型網站建設
  • 始終堅持技術和服務同樣重要
查看PC版網站
備案號:京ICP備15021091號-1 版權所有:匯仁智杰

主站蜘蛛池模板: 熊出没之过年大电影| 邓稼先教学设计一等奖优秀教案| 汪汪队之小砾与工程家族| 楼南光电影| 奇怪的梦美术四年级绘画| 无耻之徒英文| 疯狂试爱四| 心理健康《微笑的力量》ppt| 潇洒的走简谱| 刘亦菲mv| 斓曦个人简介| 黑玫瑰演员表| 让我们的家更美好教学设计| 色在线视频播放| 郁芳最经典的三部电影| 向着胜利前进演员表| 守株待兔评课| 第一次美国电影| 范冰冰激情片段| 我的孩子我的家 电视剧剧情介绍 最爱电影完整版在线观看免费高清 | 爱神的诱惑| 1到100数字表图片| 女女女女| 一闪一闪亮晶晶钢琴谱简谱| xxxxxxxxxxxx| 电影《村小的孩子》完整版| 都市频道在线直播| 韩国一对一电影| 抖音浏览器| 太原教育电视台| 电影《uhaw》完整版在线观看| 乔迁之喜邀请函微信版| 尹雪喜新建文件夹2| 二年级我是谁课文| 永远少年电影免费播放| lanarhoades在线av| 地铁电影| 老司机avhd101高清| 我被最想拥抱的男生威胁了| 一句话让老公下面硬| 琴谱初学者|