CSS 边框属性

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.c1{
width: 300px; #宽
height: 300px; #高
/*border-width: 1px;*/ #边框宽度
/*border-style: dashed;*/ #边框样式(虚线)
/*border-color: green;*/ #边框颜色
/*solid实线 dashed虚线*/
/*border:red 10px solid;*/ #缩写
/*top bottom left right*/
border-right:red 10px solid; #仅显示右边框线
border-left:red 10px solid;
border-bottom-right-radius: 60%; #边框半径右下
border-top-right-radius: 60%; #边框半径左下
font-size: 60px; #字体大小
text-align: center; #水平居中
line-height: 300px; #垂直居中
}
</style>
</head>
<body>

<div class="c1"> < </div>

</body>
</html>

 

posted @   呼长喜  阅读(38)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
点击右上角即可分享
微信分享提示