用于WebKit的CSS诀窍[译]（5）
作者：vocal 来源：前端观察 发布时间：2009-03-11 20:03:00
标签：css,浏览器,Safari,Chrome,WebKit
简单的CSS圆角
圆角可能会给网站页面带来一些麻烦，比如，它可能需要为每个角使用一张图片，但是这可能会引起某些表现上的问题（比如不同的浏览器可能表现上会有细微的差别）。在WebKit中有效的CSS3的”border-radius”属性让实现圆角变得简单，它只需要几行简单的CSS代码。如下所示：
#boxes div { border: 2px solid black; padding: 10px; margin:5px; width:200px;
text-align:center; background:#eee; }
<div id="boxes">
<div style="-webkit-border-radius:15px;">
All sides
</div>
<div style="-webkit-border-bottom-left-radius:15px;-webkit-border-top-right-radius:15px;">
Opposite corners
</div>
<div style="-webkit-border-top-left-radius:15px;-webkit-border-top-right-radius:15px;">
Top
</div>
<div style="-webkit-border-top-right-radius:15px;-webkit-border-bottom-right-radius:15px;">
Side
</div>
</div>
这段样式代码定义所有的在boxes里面的DIV都要有一个比较大的border（边框）、边距、宽度、背景等。然后每个div标签的border-radius被设置为不同的方式。你可以在下面看到运行结果：
截图6. 纯CSS圆角
第一个div中border-radius被设置为所有的角。然后第二个div，只是左下角和右上角。第三个div就像一个tab，只是上面的角被设置为圆角。最后一个div被设置为单边的圆角，只有右边的两个角是圆角。
0
投稿猜你喜欢
- 使用python爬虫其实就是方便，它会有各种工具类供你来使用，很方便。Java不可以吗？也可以，使用httpclient工具、还有一个大神写
- Math.abs(x):可返回数的绝对值Math.ceil(x):向上取整Math.floor(x):向下取整Math.max(x,y):最
- isset($var); //为false 没有定义没有定义为假 $var = ''
1.ResNet的创新现在重新稍微系统的介绍一下ResNet网络结构。 ResNet结构首先通过一个卷积层然后有一个池化层，然后通过一系列的- 前言最近在python里面用json读取json文件，可是老是不成功，特此记录一下。预备知识：def load(fp, cls=None,
- 首先交代一下运行环境和工具版本：WIN10MINGW64ORACLEINSTANCCLIENT_18_3 x64Jetbrins Golan
- json文件格式这是yolov4模型跑出来的检测结果result.json下面是截取的一张图的检测结果{ "frame_id&qu
- 本文的完整代码在github.com/hdt3213/godis/redis/client通常 TCP 客户端的通信模式都是阻塞式的: 客户
- 有没有办法更快一点？ 有没有办法一次性收缩所有数据库？ alter database 数据库名 set recovery simple go
- 1、安装pecl及创建快捷键（若安装php时已带可忽略这步安装步骤）# cd /usr/local/php/bin/ //可查看
- 本文实例讲述了Python数学形态学。分享给大家供大家参考，具体如下：一 原始随机图像1、代码import numpy as npimpor
- 一、数据插入思路如果一条一条插入普通表的话，效率太低下，但内存表插入速度是很快的，可以先建立一张内存表，插入数据后，在导入到普通表中。1、创
- keras中正则化(regularization)keras内置3种正则化方法keras.regularizers.l1(lambda)ke
- 资源React-16.8.*react-router-dom-4.3.*TypeScript-3.5.*webpack-4.*eslint-
- 简介Python中布尔值(Booleans)表示以下两个值之一：True或False。布尔值在编程中，通常需要知道表达式是 True 还是
- 本文实例讲述了Python实现的读写json文件功能。分享给大家供大家参考，具体如下：相比java，python对json文件的处理就简单很
- def getFibonacci(num): res=[0,1] a=0 b=1 for x in
- 前言：在使用pycharm学习python的时候，经常需要第三方库，没有第三方库程序就会报错，pycharm也会提醒你要安装所需要的库，安装
- Python 是一种美丽的语言，它简单易用却非常强大。但你真的会用 Python 的所有功能吗？任何编程语言的高级特征通常都是通过大量的使用
- 蒙特卡罗方法是一种统计模拟方法，由冯·诺依曼和乌拉姆提出，在大量的随机数下，根据概率估计结果，随机数据越多，获得的结果越精确。下面我们将用p
