html中怎样做一个三角形边框
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html中怎样做一个三角形边框相关的知识，希望对你有一定的参考价值。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<style>
body,html
width:100%;
height:100%;
margin:0;
text-align:center;
background: #FFF;
.triangle_shap
width:0;
height:0;
border-top:200px solid #ff630e;
border-left:200px solid transparent;
border-right:200px solid transparent;
border-bottom: none;
position: absolute;
top:50%;
left:50%;
margin-left: -200px;
margin-top: -141.42135623730950488016887242097px;
.triangle_core
width:0;
height:0;
border-top:150px solid #FFF;
border-left:150px solid transparent;
border-right:150px solid transparent;
border-bottom: none;
position: absolute;
top:0;
left:0;
margin-left: -150px;
margin-top: -180px;
span
position: absolute;
top:0;
left:0;
margin-top: -150px;
margin-left: -10px;
color: #ff630e;
font-weight: bold;
font-family: "微软雅黑";
</style>
<body>
<div class="triangle_shap">
<div class="triangle_core">
<span>了定当我I主吧</span>
</div>
</div>
</body>
</html>
参考技术A border-radius可以给一个值、两个值、四个值。一个值表示四个角都是一样，两个值的话，的一个值表示左上、右下，第二是值表示右上、左下。四个值就是依次是左上、右上、右下、左下。
更复杂的使用可以看看以前前端的博客。
我怎样才能在Photoshop中做锯齿形边框
【中文标题】我怎样才能在Photoshop中做锯齿形边框【英文标题】：How can I do Zigzag border in photoshop 【发布时间】：2012-11-23 21:03:16 【问题描述】：我只是想知道如何在 Photoshop 中制作这种三角形效果（也带有那个阴影）。 顺便说一句，我正在使用 Photoshop CS6。
The image
【问题讨论】：
我认为您不在正确的网站上。尝试在这里问photo.stackexchange.com 你需要去graphicdesign.stackexchange.com @Victor 如果这不是正确的网站，我想知道为什么像 photoshop 这样的标签在这里？ 程序员可以使用Photoshop。例如，从其他进程对其进行操作:) 帕特里克。我只是给了你一个关于未来的提示:) 不要理解它是一种冒犯 【参考方案1】：本视频教程将向您展示如何绘制锯齿形边框。 http://www.youtube.com/watch?v=J9Y8YFqYDxc
【讨论】：
sємsєм，感谢您的链接。很有用！现在我只需要如何制作那个阴影，我认为这很容易，但我不知道该怎么做。维克多：我在这里看到了“Photoshop”标签，所以我觉得我可以在这里问这个…… 简单地说，在重复之前将阴影应用到您拥有的三角形层以上是关于html中怎样做一个三角形边框的主要内容，如果未能解决你的问题，请参考以下文章