已解決430363個問題，去搜搜看，總會有你想問的

我想知道如何實現這個效果用css

首頁猿問我想知道如何實現這個效果用css

我想知道如何實現這個效果用css

Html/CSS

木漁人R3435218 2016-10-22 15:51:38

查看完整描述

2 回答

已采納

stone310

TA貢獻361條經驗獲得超191個贊

<style>
????*{margin:0?;padding:0}
????.box?{
????????border:?2px?solid?#000000;
????????width:?400px;
????????height:?400px;
????????float:?left;
????}
????.box_content?{
????????border:?2px?solid?#7FFFD4;
????????width:?196px;
????????height:?196px;
????????margin:?100px;
????????position:?absolute;
????}
????.box_content?p?{
????????float:?left;
????}
????.box_top?{
????????width:?200px;
????????position:absolute;
????????border-left:?100px?solid?transparent;
????????border-right:?100px?solid?transparent;
????????border-top:?100px?solid?#1E74CC;
????}
????.box_bottom?{
????????width:?200px;
????????position:absolute;
????????border-left:?100px?solid?transparent;
????????border-right:?100px?solid?transparent;
????????border-bottom:?100px?solid?#7FFFD4;
????????top:?302px;
????}
????.box_left?{
????????float:left;
????????height:?200px;
????????border-left:?100px?solid?#8FBC8F;
????????border-bottom:?100px?solid?transparent;
????????border-top:100px?solid?transparent;
????}
????.box_right?{
????????float:right;
????????height:?200px;
????????border-right:?100px?solid?#DAA520;
????????border-bottom:?100px?solid?transparent;
????????border-top:100px?solid?transparent;
????}
</style>

反對回復 2016-10-22

weibo_一臉懵逼Oo_04021341

TA貢獻8條經驗獲得超0個贊

??<!DOCTYPE?html>
<html>
<head>
<meta?charset="utf-8"?/>
<title></title>
<style>
div{float:left;margin-right:5px;}

.outset{padding:10px;border-bottom:10px?outset?red;background:white;}
.outset{padding:10px;border-top:?10px?outset?blue;background:white;}
.outset{padding:10px;border-left:?10px?outset?yellow;background:white;}
.outset{padding:10px;border-right:?10px?outset?green;background:white;}
</style>
</head>
<body>

<div>outset</div>
</body>
</html>

反對回復 2016-10-24

2 回答
0 關注
1640 瀏覽

關注

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

我想知道如何實現這個效果用css

我想知道如何實現這個效果用css

2 回答

相關問題推薦

添加回答

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

我想知道如何實現這個效果用css

我想知道如何實現這個效果用css

2 回答

相關問題推薦

添加回答