星空网 > 软件开发 > 网页设计

day_01每天累积一点点

css属性:border-radius ;border:边框;radius:弧度;所以这个属性的意思很明了。

下面实现一个小demo:

<!doctype html>

<html>

<head>

<title>这里是标题的内容</title>

<meta charset="utf-8"/><!--定义浏览器解析的方式-->

<style rel="stylesheet" type="text/css">

#box{

width:200px;

height:200px;

border-radius:100px;

background:red;

}

</style>

</head>

<body>

<div id="box">实现一个圆形</div>

</body>

</html>

===================================================================

用css属性去除导航栏多余的边框,示例:

<!doctype html>

<html>

<head>

<title>这里是标题的内容</title>

<meta charset="utf-8"/><!--定义浏览器解析的方式-->

<style rel="stylesheet" type="text/css">

ul{

list-style:none;

}

li{

width:50px;

height:20px;

border-right:1px solid red;

background:blue;

}

li:last-child{

border:none;

}

</style>

</head>

<body>

<ul>

<li>导航栏内容</li>

<li>导航栏内容</li>

<li>导航栏内容</li>

<li>导航栏内容</li>

</ul>

</body>

</html>

 




原标题:day_01每天累积一点点

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

日本节日 活动 :https://www.goluckyvip.com/tag/40011.html
日本节日大全:https://www.goluckyvip.com/tag/40012.html
日本节日选品:https://www.goluckyvip.com/tag/40013.html
日本敬老节:https://www.goluckyvip.com/tag/40014.html
日本空海派:https://www.goluckyvip.com/tag/40015.html
日本空派:https://www.goluckyvip.com/tag/40016.html
独家对话爆剧操盘手刘羽砚:短剧凭什么让2亿人花钱观看? :https://www.kjdsnews.com/a/1836539.html
大牌退烧 白牌雄起? :https://www.kjdsnews.com/a/1836540.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流