QML --》矩形框

Rectangle{}

gradient: Gradient{
      GradientStop{position: 0.0; color: "black"}
      GradientStop{position: 1.0; color: "white"}
}

Rectangle{
    id: root
    width: 400
    height: 300

    Rectangle{
        id:rect1;
        x:12;y:12;
        width: 76;
        height: 96;
        color: "lightsteelblue";
    }
    Rectangle{
        id:rect2;
        x:112;y:12
        width: 76;
        height: 96;
        border.color: "lightsteelblue";
        border.width: 4;
        radius: 8;
    }
    Rectangle{
        id:rect3;
        x:212;y:12
        width: 76;
        height: 96;
        gradient: Gradient{
            GradientStop{position: 0.0; color: "black"}
            GradientStop{position: 1.0; color: "white"}
        }
        border.color: "lightsteelblue";
    }
}