CSS:如何创建标签脚?

时间:2011-01-19 22:31:20

标签: css photoshop rounded-corners

大多数现代浏览器很容易在CSS中创建圆角,所以我想知道它是否可以创建一个向外弯曲的圆角或者我是否仍然需要启动PhotoShop来创建这样的效果。

下图中的“参见标签”中的下脚显示了我尝试使用CSS做的事情:

alt text

注意:我不确定 foot 是否是正确的单词(已经谷歌搜索它)所以如果有人知道真实(或更好)的术语然后请告诉我,我会相应更新问题。

1 个答案:

答案 0 :(得分:1)

将问题分成几段,以使插图呈现蓝色形状,白色背景上方有一个圆角,“看”标签旁边,依此类推。通过仔细挑选颜色,并使用您知道可以生成的形状,您可以建立一个可以使用可用工具的模式。

请注意,您不必对矩形的所有角进行舍入。例如,您可以指定右下角。

参考:http://www.css3.info/preview/rounded-border/