border-top-right-radius属性(CSS设置)
border-top-right-radius属性(CSS设置)
在css中border-top-right-radius特点是用来将元素右上角的边框设置为圆角边框(也可所以其它形状),该特点一般用在单独设置右上角为圆角的时分;如果咱们要一起设置元素四个角为圆角时,当然咱们能够运用该特点和其它三个相似该特点的特点(见下面相似特点),但是咱们一般会选用border-radius特点,border-radius特点能够将四个角的设置界说在同一个声明中,这样能够省略几行代码,可读性更好。
border-top-left-radius特点相似特点
border-top-left-radius特点:设置左上角为圆角或其它形状
border-bottom-left-radius特点:设置左下角为圆角或其它形状
border-bottom-right-radius特点:设置右下角为圆角或其它形状
border-top-left-radius特点语法格式
css语法:border-top-right-radius:5px10px
css语法:border-top-right-radius:6px
css语法:border-top-right-radius:30%80%
css语法:border-top-right-radius:50%
JavaScript语法:object.style.borderTopRightRadius="5px"
border-top-left-radius特点值说明
border-top-right-radius特点有两个特点值,如果两个特点值相同,则能够省略一个特点值,作用完全相同。当有两个特点值时:第一个特点值表明右上角形状的水平半径,第二个特点值表明笔直半径;当只要一个特点值时:该特点值表明右上角形状的水平半径和笔直半径。
实例
cssborder-top-right-radius特点将右上角设置为圆角边框
body{background:#ddd;font-size:20px;}
#a,#b,#c{margin-top:10px;width:360px;border:2pxsolid#0000FF;padding:16px;}
#a{border-top-right-radius:56px36px;}
#b{border-top-right-radius:60px;}
#c{border-top-right-radius:20%80%;}
border-top-right-radius:56px36px;
border-top-right-radius:60px;
border-top-right-radius:20%80%;
作品标签: CSS
优秀作品:
最新作品:
评论列表(共76人参与)参与讨论或分享设计作品获得视觉癖积分奖励
,最近比较注册会员
2021-07-16 23:50:55
基本的上万种产品销售外,还供给护理服务、化妆服务等,全力打造高品质、高服务的店肆,取得顾客高度认可,让顾客以低于专柜的价格拿到正品产品,体验到轻奢服务。 jpg" style="height: 395px; width: 400px;" />
回复在家装中注册会员
2021-07-16 11:59:10
事端政策:根游客
2021-07-16 13:14:53
游客34637:border-top-righ> 在日子的深渊里唱歌 更有回响 06 产土豆的黑土地啊 :14px;"> 母亲节图片感人照片 1、母亲是人生路的向标,是伤悲时的依靠
回复、夏布等注册会员
2021-07-16 21:44:11
在同一个声明中,这样能够省略几行代码,可读性更好。 double:设置边框为双线(宽度等于border-width特点的值); groove:设置边框为3D凹槽(作用取决
回复