css 圆角

tom2cjp

于 2010-01-16 23:10:32 发布

阅读量90

点赞数

文章标签： CSS IE webkit Safari Firefox

本文链接：https://blog.youkuaiyun.com/tom2cjp/article/details/83530385

版权

Firefox 圆角： -moz-border-radius: 1.6em;
Safari 3圆角： -webkit-border-radius: 1.6em;


<style type="text/css">
body {
  font: Arial, Helvetica, sans-serif;
  font-size: 17px;
  color: #fff;
  line-height: 2;
  margin: 0;
  padding: 0;
}
.box {
  width: 30em;
  padding: 1em 4em;
  background: #89AC11;
  -webkit-border-radius: 1.6em;
  -moz-border-radius: 1.6em;
}
h1 {
  text-transform: capitalize;
}
</style>